CanvasタグのWidthとHeightを変更して大きさを変える

Canvasタグのwidthやheightの大きさを設定するにはタグの形式で”px等の大きさ”を指定する必要があるみたい.なのでstylesheetで”100%”とかの指定ができない.

そこでcanvasの大きさを変更するには、canvasを内包する外側のdivとかのサイズを取得してcanvasに設定して動的に変更する必要がある.

スクリーンショット 2018-07-29 12.45.16.png

HTMLは以下のような感じ.

なので以下のような感じのjavascriptを書けば良い.

About the author

コメントを残す