タグ

ブックマーク / se35over.seesaa.net (1)

  • canvasにCSSでwidthとheight指定した際にはまった件: mitsuruogの日記

    30歳からまじめにIT業界で働きだしたフロントエンドエンジニアになりたいJavaプログラマ。 あたらしいブログはこちらです。 http://blog.mitsuruog.info/ canvasやっている人には常識なんだろうが晒しておく。 やりたかったことは、canvasのwidthとheightを共に200pxにして、中に100px×100pxの図形を描くこと。 下の画像を見て欲しいのだが、右のcanvasでは描画した図形が縦に伸びてしまった。 まず左の実装(canvasタグに直接widthとheightを指定する)を見て欲しい。 次に、右の実装(cssでcanvasタグにwidthとheightを指定する)を見て欲しい。 左右の実装の違いはwidthとheightをどこで指定するかという点であるが、こんなにも結果が異なるとは正直驚いた。 これはcanvasのデフォルトのサイズが300p

    canvasにCSSでwidthとheight指定した際にはまった件: mitsuruogの日記
  • 1