ipad - iPad "3" HTML5 Canvas 绘图分辨率

Question

我一直在玩 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;

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

我是否遗漏了某些内容或指定了错误的内容？

score 0 · Accepted Answer

尝试将此行添加到您的页面标题：

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

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

1 回答 1