Antes do surgimento das telas de alta definição, um pixel físico da tela era um pixel lógico definido por CSS (estima-se que não existia o conceito de pixels físicos e pixels lógicos naquela época). Portanto, você pode usar o código a seguir para exibir um Canvas 600x386 no navegador.
<html> <head> <title>Demonstração de tela</title> <style> * { preenchimento: 0; margem: 0; corpo { largura: 100% } #canvas { display: bloco: 1px sólido; vermelho; margem: 10px auto 0; } </style> </head> <body> <canvas id=canvas width=600 height=386>Canvas não é suportado</canvas> <script> var canvas = document.getElementById('canvas'); ctx.fillStyle = #0095DD; </body></html> ResumirO texto acima é o problema e a solução de desfoque ao usar o desenho do Canvas em uma tela de alta definição apresentada pelo editor. Espero que seja útil para você. Se você tiver alguma dúvida, deixe-me uma mensagem e o editor responderá. você na hora. Gostaria também de agradecer a todos pelo apoio ao site de artes marciais VeVb!