如何在jsxgraph中找到功能图/曲线的Y轴截距？

问题描述

const f1 = function(x) {
    const slope = me.options.gLine1Slope;
    return (x - 2.5) * slope + 2.5;
};

this.l1 = this.board.create('functiongraph',[f1,-30,30],{
    recursionDepthLow: 8,recursionDepthHigh: 15
});

this.l1.setPosition(window.JXG.COORDS_BY_USER,[
    forceFloat(this.options.gLine1OffsetX),forceFloat(this.options.gLine1OffsetY)
]);

我知道Functiongraph只是Curve的包装，因此我一直在阅读这两个api文档。

我正在根据这些偏移值手动定位这条线，因为用户可以将其围绕平面拖动。

我可以得到接近Y轴截距的值，如下所示：

f1(0) + (this.options.gLine1OffsetY - this.options.gLine1OffsetX)

但是在这条线拖了一点之后，它并不完全正确。任何人都可以就如何获得此曲线的Y轴截距给出一些指导吗？我想我可以遍历沿着这条曲线的点的数据数组，然后选择Y最接近0的那个。我只是希望还有一种更直接的方法。

解决方法

您是对的。在自由拖动函数图之后获得函数图的y截距并不容易。原因是拖动对象主要是使用投影变换来实现的。这使得获得此时可见的曲线的y截距变得很复杂。目前，我想到的最简单的方法是将曲线与垂直轴相交并获得该点的位置。这是您示例的修改后的版本：

const board = JXG.JSXGraph.initBoard('jxgbox',{ 
    boundingbox: [-5,5,-5],axis:true
});

var me = {
    gLine1Slope:2,gLine1OffsetX: 1,gLine1OffsetY: -1
};

const f1 = function(x) {
    const slope = me.gLine1Slope;
    return x * slope;
};

var l1 = board.create('functiongraph',[f1,-30,30],{fixed: false});
var p = board.create('intersection',[l1,board.defaultAxes.y],{
            withLabel: false,visible: false});

// Now,we can move the curve and get the y-intercept 
// in p.Y()

l1.setPosition(window.JXG.COORDS_BY_USER,[
    me.gLine1OffsetX,me.gLine1OffsetY
]);
board.update();

board.on('up',function(evt) {
    document.getElementById('jxg_debug').value = p.Y();
});
document.getElementById('jxg_debug').value = p.Y();

在https://jsfiddle.net/3s90qx57/2/上实时观看

algebra geometry javascript jsxgraph