t930 https://blog.hatena.ne.jp/t930/ tohashi's blog https://64.hateblo.jp/ JavaScript HTML5 imgタグやCSSのbackgroundに設定した画像の場合、2倍サイズの画像を用意してやればいいのですが、 Canvasは例えば2倍サイズの画像をdrawImage()で縮めて貼付けてもRetinaディスプレイ上ではボケボケです。 canvas.widthとcanvas.style.widthは別物 canvas.width, heightは描画領域の大きさを、 canvas.style.width, heightはCanvas自体の大きさを定義しています。Retinaディスプレイに対応させる場合、描画領域の大きさをCanvas自体の大きさに対して 2倍にしてやる必要があります。例えば、10… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2F64.hateblo.jp%2Fentry%2F2013%2F05%2F12%2F100707" title="CanvasをRetinaディスプレイに対応させる - tohashi&#39;s blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2013-05-12 10:07:07 rich https://64.hateblo.jp/entry/2013/05/12/100707 1.0 100%