iPad「3」HTML5畫布繪圖分辨率

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; 

不幸的是，這並不能像其他用戶一樣停止像素化。

我錯過了什麼，或者我指定了錯誤的東西？

Answer 1

嘗試加入這一行到您的網頁頭：

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

這個標籤可以確保網頁以其原始大小顯示，並保持在這個規模。