開始点と終了点が異なるマウスパスを繰り返します

Question

配列として格納されたマウスパスを記録しました。

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]です。 同じパスを繰り返すが、開始点と終了点が異なる。 「誰かがコード例またはライブラリを提供してもらえますか？」、Paper.js（http://paperjs.org/features/#vector-geometry）を見て、ベクトルジオメトリ（https://scriptographer.org/tutorials/geometry/vector-geometry）上の彼らのチュートリアルに関して

Answer 1

。