nakamura001 https://blog.hatena.ne.jp/nakamura001/ 強火で進め https://nakamura001.hatenablog.com/ JavaScript HTML5 canvas sprite optimisation | Seb Lee-Delisle http://sebleedelisle.com/2011/02/html5-canvas-sprite-optimisation/ こちらのブログで「サブピクセルを含んだ描画だと処理速度が落ちる為、整数に補正して位置指定をすべき」という話を見かけました。この話を簡単に説明するとcanvasでdrawImageで画像を描画する時、Safariなどでは1.5などの中途半端な位置を指定した時にもその位置で描画された様子を表現する為にサブピクセルの描画が行われ、ぼやけた様な描画になります。以下の画像… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fnakamura001.hatenablog.com%2Fentry%2F20110522%2F1306048249" title="SafariのCanvasで小数点を含んだ位置に描画すると処理速度が落ちる(高速化するには整数の位置に描画) - 強火で進め" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/n/nakamura001/20110522/20110522151517.png Hatena Blog https://hatena.blog 2011-05-22 16:10:49 rich https://nakamura001.hatenablog.com/entry/20110522/1306048249 1.0 100%