更新非視網膜帆布應用視網膜顯示

Question

我有一個iPad 2帆布應用（遊戲），並希望得到它在新的iPad視網膜顯示屏上運行。

簡而言之，對於視網膜iPad模型，我的iPad2圖像伸展/縮小的最佳方法是什麼？

從我做的谷歌搜索中，我已經看到了各種方法，但許多方法包括開始與視網膜大小的圖像和縮放完成。

我也聽說將視網膜質量大小的像素推到屏幕上的速度很慢，並且最好使用iPad大小的圖像來犧牲一些質量。

因爲它是現在，在新的iPad我看到我的應用程序，這是有道理的左上角季度，但比起iPad的性能是令人震驚的2

技術我已經看到了包括CSS媒體查詢，使用像素密度和CSS轉換 - 顯然非常快。

謝謝

Answer 1

我已經把一個簡單的函數來處理這個問題。基本上，它需要使用當前的畫布大小，並通過設備像素比縮放，並使用CSS將其縮小。然後按照比例縮放上下文，以便您的所有原始功能都能正常工作。

你可以試試看看性能如何。如果它不是你所希望的，你可以將其刪除。

function enhanceContext(canvas, context) { 
    var ratio = window.devicePixelRatio || 1, 
     width = canvas.width, 
     height = canvas.height; 

    if (ratio > 1) { 
     canvas.width = width * ratio; 
     canvas.height = height * ratio; 
     canvas.style.width = width + "px"; 
     canvas.style.height = height + "px"; 
     context.scale(ratio, ratio); 
    } 
}