ホームページ  >  記事  >  ウェブフロントエンド  >  キャンバスのベジェ曲線効果を実装するコードのデモ

キャンバスのベジェ曲線効果を実装するコードのデモ

高洛峰
高洛峰オリジナル
2017-03-15 09:47:121851ブラウズ

Canvas2次ベジェ曲線の操作例

3次ベジェ曲線生成ツールに切り替える

实现canvas贝塞尔曲线效果代码演示

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 までご連絡ください。