iPad "3"HTML5 Canvas 绘图分辨率

Question

我一直在玩弄 iPad 和 HTML5，但由于显示屏是视网膜显示屏，所以我屏幕上的文字分辨率似乎很低。与使用 lineTo/moveTo/stroke 绘制的线条一样。请注意，文本是使用 context.fillText() 绘制的

我怀疑这只是因为我没有正确设置 Canvas 来处理视网膜像素比，所以希望这里有人能弄清楚我到底做错了什么。

我已经按如下方式设置了 Canvas :

<div id="container">
    <canvas id="canvas"></canvas>
</div>

使用 CSS 属性:

#canvas {
    width: 1024px; 
    height: 768px; 
}
#container {
    width: 1024px; 
    height: 768px; 
}

在 JavaScript 中(正如我在互联网上看到的那样)我已经指定:

canvas.width = 2048;
canvas.height = 1536; 

不幸的是，这并没有像其他一些用户那样停止像素化。

我是不是遗漏了什么或者我是否指定了错误的东西？

Answer 1

尝试将这一行添加到您的页眉:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

此标记可确保页面以其原始大小显示并保持该大小。