クリックされたキャンバスの判断重複領域

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再描画をクリックした後

おすすめ

転載: blog.csdn.net/github_38108899/article/details/86502112