UIWebView w/HTML5Canvas&Retinaディスプレイ

Question

私のアプリはUIWebViewいて上ります。った場合には、網膜サイズの画像として使用し背景を自身の身体にかすることができるよう、その規模の適正な使用のCSS -webkit-background-size 物件です。それは私に鮮明でクリアな画像をiPhone4.

はHTML5Canvasタグはないのではない協力しています。を利用した場合 drawImage コマンドに同じ網膜サイズの画像は、HTML5canvasで巨大な--でも、過去の境界の物理画面になります。このコードを使用してい:

ctx.drawImage(retinaImage, 0, 0)

合いを高さと幅のパラメーターの drawImage, 他に、デジタル画像を収集スケールの下に合わせ画面でblockyとのドット絵.いないサクサクのように、CSSで背景のもの。

あるトリックが使用できますのHTML5Canvasるのと同等のCSS -webkit-background-size ですか？

よろしく！

更新:

ここでの最終のコードを使ってこれを解決する問題です。思いを他の誰かが、今後:

        if (window.devicePixelRatio == 2) {
            myCanvas.setAttribute('height', window.innerHeight * 2);
            myCanvas.setAttribute('width', window.innerWidth * 2);
            ctx.scale(2, 2);
        } else {
            myCanvas.setAttribute('height', window.innerHeight);
            myCanvas.setAttribute('width', window.innerWidth);
        }

Answer 1

のhttpをチェックアウト：//ジュベール。 posterous.com/crisp-html-5-canvas-text-on-mobile-phones-andする。あなたが複数のdevicePixelRatioによって寸法が、その比率で拡大縮小だけでなく、それが動作するかどうかのように見えます。

ここでは私のために働いたいくつかの擬似コードだ。

var ctx = myCanvasElem.getContext("2d");
ctx.attr("width", width * window.devicePixelRatio);
ctx.attr("height", height * window.devicePixelRatio);
ctx.scale(window.devicePixelRatio, window.devicePixelRatio);
ctx.drawImage(img, x, y, width, height);

あなたのためにそれが解き、それをなら、私を知ってみましょう！