JSXGraph 性能问题
JSXGraph performance issue
我目前正在尝试使用 JSXGraph 进行函数绘图,但遇到了一些性能问题。
即使网站处于空闲状态,它似乎也会在 JSXGraph 的更新函数调用的 removeToInsertLater 函数中花费大量时间。
我尝试使用开发板的 suspendUpdate() 方法进行了一些尝试,但没有成功。
所以我想知道我是否做错了什么或者它只是 JSXGraph 的正常行为?
我也想知道,如果我对此无能为力,有什么好的替代方法可以绘制数学函数。
编辑:
这是一个小例子
http://jsbin.com/vodokevude/1/edit?html,output
特别是在 firefox 下它似乎非常慢,做一些平移和缩放操作会使我的浏览器冻结几秒钟。
在上面的例子中,水平轴的范围从-2到2500,板设置包含grid:true
。使用此属性绘制每个整数位置的网格。因此,canvas 有大约 2500 条垂直线。这就是构建速度减慢浏览器并使背景变灰的原因。解决方案是:
var board = JXG.JSXGraph.initBoard('jxgbox', {
boundingbox: [-2, 10, 10, -2],
axis: true,
grid: false, ...
我目前正在尝试使用 JSXGraph 进行函数绘图,但遇到了一些性能问题。
即使网站处于空闲状态,它似乎也会在 JSXGraph 的更新函数调用的 removeToInsertLater 函数中花费大量时间。
我尝试使用开发板的 suspendUpdate() 方法进行了一些尝试,但没有成功。
所以我想知道我是否做错了什么或者它只是 JSXGraph 的正常行为?
我也想知道,如果我对此无能为力,有什么好的替代方法可以绘制数学函数。
编辑:
这是一个小例子
http://jsbin.com/vodokevude/1/edit?html,output
特别是在 firefox 下它似乎非常慢,做一些平移和缩放操作会使我的浏览器冻结几秒钟。
在上面的例子中,水平轴的范围从-2到2500,板设置包含grid:true
。使用此属性绘制每个整数位置的网格。因此,canvas 有大约 2500 条垂直线。这就是构建速度减慢浏览器并使背景变灰的原因。解决方案是:
var board = JXG.JSXGraph.initBoard('jxgbox', {
boundingbox: [-2, 10, 10, -2],
axis: true,
grid: false, ...