canvas要素にパス(2次曲線)を描画する

canvas要素にパス(2次曲線)を描画するには、context.quadraticCurveToメソッドを使用します。

構文

引数

引数名 説明
cpx
必須
number コントロールポイントのX座標
cpy
必須
number コントロールポイントのY座標
x
必須
number X座標
y
必須
number Y座標

サンプルコード

HTML

JavaScript

デモ

左から輪郭線、塗りつぶし、パスを閉じているデモです。

JavaScript逆引きリファレンス一覧へ戻る