Question

我正在为公司项目创建一个自定义jQuery UI Widget，我需要在2轴可滚动比例上绘制垂直线。这就是我目前使用的，从我发现的“最佳实践”：

var tick = this.eventsPaper.path("M" + x + ",0L" + x + "," + this._height).attr({
    stroke: this.options.eventsForeground
})s

在eventsPaper上可以插入和删除的事件，通过这样做，可以更改显示所有事件所需的事件文件的垂直（即this._height）。

现在，我正在清除所有线条，并在每次高度变化时重新绘制所有线条，但我想通过简单地调整垂直线条来优化这部分。

这是个好主意吗？
实现这一目标的最佳（最快）方法是什么？
1. 如果没有，我想重绘所有这些

感谢。

Answer 1

如果不重新创建行，大多数UA会更快。

让我们说你的元素是这样的......

<path id="path1" d="M5,0L5,10"/>

所以

var path = document.getElementById("path1");
var start = path.pathSegList.getItem(0);
var end = path.pathSegList.getItem(1);

// and now you can do things like this...

start.y = 20;
end.y += 50;

Raphaël，绘制并调整垂直线条的大小

1 个答案: