고화질 화면이 등장하기 이전에는 화면의 물리적 픽셀은 CSS에서 정의한 논리적 픽셀이었습니다. (당시에는 물리적 픽셀, 논리적 픽셀이라는 개념이 없었던 것으로 추정됩니다.) 따라서 다음 코드를 사용하여 브라우저에 600x386 캔버스를 표시할 수 있습니다.
<html> <head> <title>캔버스 데모</title> <style> * { padding: 0; margin: 0 } html, body { width: 100% } #canvas { 디스플레이: 블록: 1px red; margin: 10px auto 0; } </style> </head> <body> <canvas id=canvas width=600 height=386>캔버스는 지원되지 않습니다</canvas> <script> var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d') ctx.beginPath(300, 150, 20, 0, Math.PI*2 ); ctx.fillStyle = #0095DD; ctx.closePath(); </body></html> 요약위 내용은 에디터가 소개한 고화질 화면에서 캔버스 그리기 시 흐려지는 현상과 해결방법에 대한 내용입니다. 궁금한 사항이 있으시면 메시지를 남겨주시면 에디터가 답변해 드리겠습니다. 당신은 시간에. 또한 VeVb 무술 웹사이트를 지원해 주신 모든 분들께 감사드립니다!