Antes de la aparición de las pantallas de alta definición, un píxel físico de la pantalla era un píxel lógico definido por CSS (se estima que no existía el concepto de píxeles físicos y píxeles lógicos en ese momento). Por lo tanto, puede utilizar el siguiente código para mostrar un lienzo de 600x386 en el navegador.
<html> <head> <title>Demostración de Canvas</title> <style> * { padding: 0; margin: 0; html, body { width: 100% } #canvas { display: block: 1px solid; rojo; margen: 10px auto 0; } </style> </head> <body> <canvas id=canvas width=600 height=386>El lienzo no es compatible</canvas> <script> var lienzo = document.getElementById('lienzo'); var ctx = lienzo.getContext('2d'); ctx.fillStyle = #0095DD; ctx.fill(); ctx.closePath(); </cuerpo></html> ResumirLo anterior es el problema y la solución del desenfoque al usar el dibujo de Canvas en una pantalla de alta definición presentado por el editor. Espero que le resulte útil. Si tiene alguna pregunta, déjeme un mensaje y el editor le responderá. usted a tiempo. ¡También me gustaría agradecer a todos por su apoyo al sitio web de artes marciales VeVb!