canvasの使い始めにサイズを設定する。

canvasの最初にサイズを決めます。

例えば

<canvas id='canvas' ></canvas>

という形にして、キャンバスのサイズを

#canvas{
width:300px;
height:100px;
}

と言う風にすると、firefoxなどでは引き伸ばされたようなデザインになってしまいます。なかで正方形の画像を書いた場合にも長方形になったしまったりします。

基本的には、サイズを指定した場合には、

<canvas id='canvas' width="400" height="300"></canvas>

のように直書きでサイズを指定しないとブラウザで設定されたcanvasの値が適合されて歪んだ表示になるそうです。

  • written on 2012.11.07
  • category : canvas

Next / Prev

前の記事:

次の記事:

Same Category

Page top↑