ホームページ > 記事 > ウェブフロントエンド > キャンバスのベジェ曲線効果を実装するコードのデモ
キャンバスのベジェ曲線効果を実装するコードのデモ
- 高洛峰オリジナル
- 2017-03-15 09:47:121839ブラウズ
Canvas2次ベジェ曲線の操作例
3次ベジェ曲線生成ツールに切り替える
canvas = document.getElementById("canvas");
ctx = canvas.getContext("2d")
ctx.lineWidth = 6;
ctx.strokeStyle = "#0090D2";
ctx.beginPath();
ctx.moveTo(100, 250);
ctx.quadraticCurveTo(250, 100, 400, 250);
ctx.stroke();以上がキャンバスのベジェ曲線効果を実装するコードのデモの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。