xxxxプログラマのメモ

先人に感謝と敬意:自分の困ったこと調べたことのメモ

canvas lineto position x, y ずれる

キーボードを叩く音が聴こえたら。私は ( )。: canvas lineToなどの描画がずれる!? マウスで描いてみた。

じつはcanvasの要素でwidth、heightを指定していないと
デフォルトで300px - 150pxになると。

それを単にCSSで引き伸ばした(縮小した)状況になるのだ。

なので、こんな書き方するとハマります。

 $('<canvas/>', { id: 'tmpCanvas', 'class': 'hoge' })
                    .width(_$mainContent.width()/2)
                    .height(_$mainContent.height()/2);

まぁ、解決して何より!