Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

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;
   }
}

  1. HTML5SVGで星の形を作る

    これは、タグを使用して星を描くSVGの例のHTML5バージョンです。 <html>    <head>       <style>          #svgelem{             position: relative;             left: 50%;         &nb

  2. HTML5キャンバスでベジェ曲線を描く方法は？

    HTML5のタグは、スクリプトを使用してグラフィックやアニメーションなどを描画するために使用されます。 HTML5で導入された新しいタグです。 canvas要素にはgetContextと呼ばれるDOMメソッドがあり、レンダリングコンテキストとその描画関数を取得します。この関数は、コンテキスト2dのタイプという1つのパラメーターを取ります。 HTML5キャンバスでベジェ曲線を描画するには、bezierCurveTo（）メソッドを使用します。このメソッドは、指定されたポイントを現在のパスに追加し、指定されたコントロールポイントを持つ3次ベジェ曲線によって前のパスに接続されます。 次のコー