點選 HTML5 貝塞爾路徑形狀進行檢測

若要檢測點選貝塞爾路徑圖形，請嘗試以下程式碼 −

示例

var l = boxes.length;
for (var i = l-1; i >= 0; i--) {
   drawshape(gctx, boxes[i], 'black', 'black');
   var imgData = gctx.getImageData(mx, my, 1, 1);
   var index = (mx + my * imgData.width) * 4;
   if (imgData.data[3] > 0) {
      mySel = boxes[i];
      offsetx = mx - mySel.x;
      offsety = my - mySel.y;
      mySel.x = mx - offsetx;
      mySel.y = my - offsety;
      isDrag = true;
      canvas.onmousemove = myMove;
      invalidate();
      clear(gctx);
      return;
   }
}

Ankith Reddy

更新於： 25-6 月-2020

178 人檢視

開啟你的 職業生涯

完成課程並獲得認證

開始