До появления экранов высокой четкости физический пиксель экрана представлял собой логический пиксель, определяемый CSS (по оценкам, в то время не существовало понятия физических пикселей и логических пикселей). Поэтому вы можете использовать следующий код для отображения холста размером 600x386 в браузере.
<html> <head> <title>Демо-версия Canvas</title> <style> * {padding: 0; Margin: 0; html, body { width: 100%; } #canvas { display: border: 1px Solid; красный; поле: 10 пикселей auto 0; } </style> </head> <body> <canvas id=canvas width=600 height=386>Canvas не поддерживается</canvas> <script> var Canvas = document.getElementById('canvas'); var ctx = Canvas.getContext('2d'); ctx.beginPath(); ctx.arc(300, 150, 20, 0, Math.PI*2) ); ctx.fillStyle = #0095DD; ctx.fill(); </body></html> Подвести итогВышеупомянутая проблема и решение размытия при использовании рисунка Canvas на экране высокой четкости, предложенные редактором. Надеюсь, это будет вам полезно. Если у вас есть какие-либо вопросы, оставьте мне сообщение, и редактор ответит. ты вовремя. Я также хотел бы поблагодарить всех за поддержку сайта боевых искусств VeVb!