iPad "3"HTML5 캔버스 드로잉 해상도

Question

저는 iPad와 HTML5를 가지고 놀고 있었지만 디스플레이가 망막이기 때문에 화면의 텍스트가 저해상도 인 것 같습니다. lineTo/moveTo/stroke로 그려진 선들도 마찬가지입니다. 텍스트는 context.fillText()로 그려집니다.

저는 이것이 망막 픽셀 비율을 정확하게 처리 할 수 ​​있도록 캔버스를 올바르게 설정하지 않았기 때문에 의심 스럽습니다. 그래서 여기있는 누군가가 정확히 내가하는 일을 알아낼 수 있습니다. 잘못된. CSS와

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

속성 : (내가 인터넷에 어떻게 보았 듯이) 내가 지정한

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

와 자바 스크립트

다음과 같이 나는 캔버스를 설정 한

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

불행히도 이것은 일부 다른 사용자의 경우처럼 픽셀 화를 멈추지 않습니다.

내가 누락되었거나 잘못 지정 했습니까? 페이지 헤드에이 줄을 추가

Answer 1

봅니다 :

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

이 태그는 페이지가 원래 크기로 표시되어 있는지 확인합니다, 그 크기에 남아 있습니다.