canvas要素でパスの始点あるいは終点の形状を変更する

canvas要素でパスの始点あるいは終点の形状を変更するには、context.lineCapプロパティを使用します。

構文

capValue 形状
設定可能な値は次を参照
設定可能な形状

設定可能な形状

サンプル画像 説明
'butt' 線の端点(ポイント)を四角形にする(初期値)
'round' 線の端点(ポイント)を中心として円形にする
'square' 線の端点(ポイント)を中心として四角形にする

サンプルコード

HTML

JavaScript

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