問題タブ [konvajs]

Konva.Line を作成しました。この線に沿って等間隔に星を描きたいと思います。それは問題ではありませんが、線がまっすぐになることはめったにありません。別の方法として、線を定義する点 {x,y} のリストがあり、Konva.Line を作成するのではなく、等間隔でない点のリストに沿って等間隔の星を描くことができます。

これが私がこれまで持っている機能です。星は描画されますが、等間隔にはなりません。

このスニペットでは、Konvas キャンバスの周りに緑色の四角形をドラッグすると、すべてうまくいきます。ただし、ドラッグを続けてマウスをトップバーの上に移動すると、たとえば、緑色の四角形がマウスポインターの下に「ジャンプ」します。

私は何か間違ったことをしていますか？

ドラッグ コードが、ページではなくポインターの「下」にある要素に関連する mousemove イベント パラメーターを使用しているように感じます。event.pageX & Y ではなく、event.clientX & Y のように。

編集:キャンバス上に絶対配置された灰色のdivを追加しました-マウスが灰色のボックスの上を通過するように、緑色の四角形をキャンバス上にドラッグしてみてください。びくびくびくびくびくびく。