Vor dem Aufkommen hochauflösender Bildschirme war ein physisches Pixel des Bildschirms ein durch CSS definiertes logisches Pixel (es wird angenommen, dass es zu diesem Zeitpunkt noch kein Konzept für physische Pixel und logische Pixel gab). Daher können Sie den folgenden Code verwenden, um eine 600x386-Leinwand im Browser anzuzeigen.
<html> <head> <title>Canvas demo</title> * { padding: 0; margin: 0 } html, body { width: 100% } #canvas { display: block; border: 1px solid red; margin: 10px auto 0; } </style> </head> <body> <canvas id=canvas width=600 height=386>Canvas wird nicht unterstützt</canvas> <script> var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d'); ); ctx.fillStyle = #0095DD; ctx.closePath(); </body></html> ZusammenfassenDas oben genannte Problem und die Lösung der Unschärfe bei der Verwendung von Canvas-Zeichnungen auf einem hochauflösenden Bildschirm werden Ihnen hoffentlich weiterhelfen. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht Sie rechtzeitig. Ich möchte mich auch bei allen für die Unterstützung der VeVb-Kampfsport-Website bedanken!