[HTML5] CanvasでRetina対応を行う - YoheiM .NET

こんにちは、Canvasでバリバリ仕事中の@yoheiMuneです。 最近のWebアプリでCanvasを使っているアプリが多いですが、Retina対応できておらず、にじんだ感じになっているアプリが多々あり。。 なので、CanvasでRetina対応できるのかを調べました。今回はその結果を記載したブログとなります。 Canvasで普通に描画するとにじむ Canvasの描画内容をRetinaでない多くのPCブラウザで見る分には問題ないのですが、 iPhoneなどのRetina対応したブラウザで見るとにじんで見えてしまいます。 画像などの表示ではRetina対応を行う事が多いですが、 CanvasでもRetina対応する事でにじまずに描画内容を表現できるようです。 CanvasでRetina対応をする方法は、画像のRetina対応の考え方と同じで、 描画した内容を1/2のサイズで表示することでキ

[naohero22]

“<canvas id="canvas2" width=600 height=400 style="width:300px;height:200px;"></canvas>”

[vkgtaro]

mac retina ディスプレイで canvas 描画したものがにじんでしまう件について。やっぱりそういうことだよねぇ。

[cpw]

やっと解決方法見つけた。助かった。React-canvasでも同じようになってた！

[typista]

ぽけったー [HTML5] CanvasでRetina対応を行う

[kjw_junichi]

素のCanvasでの対応必要だよね。Processing.jsではちょっと自分でも試行錯誤したや http://kjunichi.cocolog-nifty.com/misc/2012/04/processingjsrat.html

[actywave]

メモ！

[sugarshin]

from W3Q Reader http://w3q.jp/rs