点击 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 人查看

开启你的 职业生涯

完成课程并获得认证

开始