iphone - Canvas 绘制和视网膜显示:可行吗？

与phoneGap一起使用Canvas实现绘图。我们遇到的问题是，画布需要特定的像素尺寸。这很好，除了CSS / Webkit POV上的iPhone 4的Retina显示屏仍为320px宽，即使从技术上讲实际有640个屏幕像素。

无论如何，在保留与非视网膜显示器的兼容性的同时，可以使用Webkit上的Canvas来容纳视网膜显示器吗？

最佳答案

上周我遇到了同样的问题，发现了解决方法-

var canvas = document.querySelector('canvas');
var ctx = canvas.getContext('2d');

if (window.devicePixelRatio > 1) {
    var canvasWidth = canvas.width;
    var canvasHeight = canvas.height;

    canvas.width = canvasWidth * window.devicePixelRatio;
    canvas.height = canvasHeight * window.devicePixelRatio;
    canvas.style.width = canvasWidth;
    canvas.style.height = canvasHeight;

    ctx.scale(window.devicePixelRatio, window.devicePixelRatio);
}

Full code on gist，demo on jsfiddle

关于iphone - Canvas 绘制和视网膜显示:可行吗？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/4720262/