目次 |
---|
・色を指定する ・半透明度を指定する ・線のスタイルを指定する ・影を指定する |
<canvas>要素の線色のデフォルトは、黒となります。
また塗りつぶし色のデフォルトも、黒となります。
描画する前に次のプロパティに色情報を指定します。
colorに指定する色はCSSで指定するフォーマットに対応しています。
例えば
"orange"、"#ff0000"や"rgb(192, 80, 77)"などです。
<canvas>要素の塗りつぶしは、半透明度を変更することが可能です。
デフォルトは、不透明(半透明度=1)です。
透明(半透明度=0)~不透明(半透明度=1)まで設定することが出来ます。
半透明度の設定方法は、CSS3の「rgba()」を用いる方法と「globalAlpha」属性の二つの方法があります。
重ねた時の合成方法を指定することが出来ます。
但し、合成方法と結果は、ブラウザによって異なる場合(未サポートや解釈が異なる)があります。
<canvas>要素は、線の幅、端部及び接合部のスタイルを指定ができます。
※線種(点線など、実線以外)の指定は出来ません。
<canvas>要素は、図形に影を指定ができます。