fill()－Canvasリファレンス
fill()メソッドは、現在の塗りつぶしスタイルでサブパスを塗りつぶす際に使用します。 塗りつぶしスタイルは、fillStyleなどの属性で指定します。 塗りつぶしは、現在のパスに含まれるすべてのサブパスに対して適用されます。 閉じていないサブパスも塗りつぶされますが、実際にサブパスが閉じられるわけではありません。 ■非ゼロ回転数ルール fill()メソッドでは、塗りつぶしの際に「非ゼロ回転数ルール」という塗りつぶしルールが適用されます。 非ゼロ回転数ルールでは、サブパスが交差して図形同士が重なった部分にも塗りつぶしが適用されます。 以下の図は、非ゼロ回転数ルールと偶数奇数ルールの違いを示したものです。 fill()メソッドでは偶数奇数ルールを指定できるわけではありませんが、 比較をすることで非ゼロ回転数ルールを理解しやすくなるのではないかと思います。 四角形や円などの単純な図形の場合には
save(), restore() メソッド - Canvasリファレンス - HTML5.JP
構文 context . save() 現在の状態をスタックの最後に加えます。 context . restore() スタックの最後の状態を抜き出し、その状態をコンテキストに復元します。 仕様 コンテキストは描画状態のスタックを維持します。描画状態は次の要素から構成されます： 現在の変換マトリックス 現在のクリップ領域 次の属性の現在の値： strokeStyle, fillStyle, globalAlpha, lineWidth, lineCap, lineJoin, miterLimit, shadowOffsetX, shadowOffsetY, shadowBlur, shadowColor, globalCompositeOperation, font, textAlign, textBaseline. 現在のパスと現在のビットマップは描画状態に含まれません。現在のパスは、b
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
