2017年03月06日
川俣晶の縁側ソフトウェア技術雑記 total 3048 count

HTMLのCanvas要素のアスペクト比が狂う

Written By: 川俣 晶連絡先

 ただの私的メモ。

問題 §

 HTMLのCanvas要素に描画させたデータのアスペクト比が狂う

原因 §

 Canvas要素のサイズはデフォルトで300x150。CSSでサイズを指定すると、300x150のキャンバスを指定サイズに引き延ばすのでアスペクト比が狂う。

解決 §

 サイズ指定子にはCSSを使用せずCanvas要素のwidth/heightプロパティを使う。

参考 §