iPad "3" HTML5 Canvas 绘图分辨率答案

【问题标题】：iPad "3" HTML5 Canvas Drawing ResolutioniPad "3" HTML5 Canvas 绘图分辨率
【发布时间】：2013-07-27 23:13:20
【问题描述】：

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

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

我已将画布设置如下：

<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;

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

是我遗漏了什么还是我指定了错误的东西？

【问题讨论】：

【解决方案1】：

尝试将此行添加到您的页眉：

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

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

【讨论】：