使用不同的起点和终点重复鼠标路径

时间:2017-09-13 19:38:23

标签: javascript

我已记录存储为数组的鼠标路径。

record: function(selector) {
    var target = document.querySelector(selector);
    this.target = target;
    target.addEventListener('mousemove', (event) => {
        if (!event.isTrusted)
            return false;

        var x = event.pageX - target.offsetLeft;
        var y = event.pageY - target.offsetTop;

        this.addPoint(x, y);
    });
}

如何使用其他开始和停止坐标重复录制的路径? 有人可以提供代码示例或库吗?

例如:

[0, 1] [0, 2] [0, 3] [0, 4]

起点为[0,1]和终点[0,4]。 我想重复相同的路径,但有不同的起点和终点。

1 个答案:

答案 0 :(得分:0)

关于“有人可以提供代码示例或库吗?”,请查看Paper.js(http://paperjs.org/features/#vector-geometry)及其有关矢量几何的教程(https://scriptographer.org/tutorials/geometry/vector-geometry )。