staffcanvasの使い方についてのまとめです。canvasとはcanvasはHTML5で新しく登場した、ブラウザ上で図を表現するためのタグです。線や図を描いたり色を付けたりすることができますが、アニメーションとは違い図を動かすためには1コマずつ図の書き直しを繰り返す必要があります。直線の描き方は以下の流れで記述します。height="1000"></canvas></body>・ストロークと塗りつぶしfill()を使用することで図形の塗りつぶしを描くことができます。描き方は以下の流れで記述します。y)を2つ、四角形なら3つ、五角形なら4つと増やしていくことで多角形を描くことができます。height)を使用して記述することができます。height="1000"></canvas></body>fillRectは塗りつぶしで描かれ、strokeRectは枠線のみの矩形を描くことができます。anticlockwise)を使用して描くことができます。endAngleにはそれぞれ始まりを終わりの角度をラジアンで指定します。anticlockwiseにはfalse(時計回り)、true(反時計回り)を指定します。maxWidth)を使用して描くことができます。dh)を使用して描くことができます。imageには、img,canvas,videoのうちいずれかの要素を記述します。sx,syには、元イメージから使用する範囲を、sw,shにはその座標からの幅と高さを指定します。dx,dyには、イメージを表示する座標を、dw,dhにはイメージの幅と高さを指定します。画像ファイルは読み込みが遅いので読み込みと表示を別の関数に分けて記述する必要があります。線の色はstrokeStyleで指定することができます。fillStyleで塗りつぶしやテキストの色を変えることができます。height="1000"></canvas></body>}・回転rotate(Angle)で図形を回転させることができます。height="1000"></canvas></body>}・移動translate(x,y)で図形を移動させることができます。h)で指定した矩形を透明な色にすることができます。コメントをキャンセルメールアドレスが公開されることはありません。