3つの多角形のパスを格納されたARR; ARR = [グラフィカル-1、グラフィカル-2、グラフィカル-3]と仮定
図3は、グラフィックディスプレイ配列で> 2> 1 3は、底部に1つ、上部に表示され
マウスクリックは、ARR判断e.offsetXのサイクルタイムを逆にし、真の要素はポリゴンでクリックされた最初の時間e.offsetYか
用(聞かせてI = arr.length; I> 0; I - )
{
ctx.beginPath();
ARR [I] .forEach((ポイント)=> {ctx.lineTo(point.x、point.y)})。
ctx.closePath();
もし(cxt.isPointInPath(e.offsetX、e.offsetY)
{
console.log([I] ARR、 "グラフィック・パスをクリックしました")。
ブレーク;
}
}
3と2が完全にカバーする場合の操作上の1はそれを行う方法を、1回の未満クリックされることはありませんか?
すべてのパスポイントに表示されたグラフィックを横断するとき、マウスがスライド移動
一定の間隔でグラフターンを横断のARRの並べ替えは、アレイの最後に表示され
配列は、グラフィックスをクリックしたときにARRグラフィックスの最後の要素はすべてクリック再描画します
オリジナルのグラフィックを使用して完了ARR再描画をクリックした後