javascript - 如何更改 JSXGraph 中元素的属性？

Question

假设，我有以下代码：

var brd2 = JXG.JSXGraph.initBoard('box2', {boundingbox: [-8.75, 2.5, 8.75, -2.5]});
var ax2 = brd2.create('axis', [[0,0],[1,0]]);

如何更改轴的第二点？像 ax2.setSecondPoint([2,0]) 这样的东西？

一般来说，如何设置任何元素的属性？

谢谢你。

Answer 1

Axis 有两个名称不言自明的属性：point1 和 point2。您可以在其中任何一个上使用 setPosition 方法，例如

ax2.point2.setPosition(JXG.COORDS_BY_USER,[2,0])

needsRegularUpdate现在有一个问题：除非您将轴对象的属性设置为 ，否则您不会在图表上看到此更改true。最后，要刷新图表，您应该fullUpdate()对 board 变量执行方法。整体看起来是这样的：

var brd2 = JXG.JSXGraph.initBoard('box2', {boundingbox: [-8.75, 2.5, 8.75, -2.5]});
var ax2 = brd2.create('axis', [[0,0],[1,0]],{needsRegularUpdate:true});

ax2.point2.setPosition(JXG.COORDS_BY_USER,[2,0]);
brd2.fullUpdate();

参考：

http://jsxgraph.uni-bayreuth.de/docs/symbols/JXG.Point.html#setPosition

http://jsxgraph.uni-bayreuth.de/wiki/index.php/Options（搜索“特殊轴选项”）

现在要更改 , 等属性fixed，visible您应该使用setAttribute方法（setProperty已弃用）。例子：

// Set property directly on creation of an element using the attributes object parameter
var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-1, 5, 5, 1]};
var p = board.create('point', [2, 2], {visible: false});

// Now make this point visible and fixed:
p.setAttribute({
    fixed: true,
    visible: true
});

来源：http: //jsxgraph.uni-bayreuth.de/docs/symbols/JXG.GeometryElement.html#setAttribute

最后但并非最不重要的一个简单公式：

a + b = c

其中：
a = 在浏览器中使用 JavaScript 调试工具来调查对象属性
b = 检查您使用的产品的文档
c= 成功 :)