它是phonegap中的一个web App 我使用 320 x 480 的图像进行绘制,但它很模糊。
html
<canvas id="canvas" height=480 width=320>
Your browser does not support the HTML5 canvas tag.</canvas>
JavaScript
var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
ctx.drawImage(images[index],0,0,320,480);
如何在视网膜显示器上画得清晰?
最佳答案
如果您可以访问更大版本的图像,则可以将可见分辨率加倍。
源图像需要为 640x960:
这是将图像分辨率“像素加倍”的代码。
canvas.width = 640;
canvas.height = 960;
canvas.style.width = "320px";
canvas.style.height = "480px";
如果没有,您可以使用相同的“像素加倍”效果并使用现有图像呈现更小但更清晰的版本:
canvas.width = 320;
canvas.height = 480;
canvas.style.width = "160px";
canvas.style.height = "240px";
关于ios - 使用 Retina 显示屏在 Canvas 上绘制图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17583919/