Avant l'émergence des écrans haute définition, un pixel physique de l'écran était un pixel logique défini par CSS (on estime qu'il n'existait pas de notion de pixel physique et de pixel logique à cette époque). Par conséquent, vous pouvez utiliser le code suivant pour afficher un canevas 600x386 dans le navigateur.
<html> <head> <title>Démo Canvas</title> <style> * { padding: 0; margin: 0; html, body { width: 100%; #canvas { display: block: 1px solid; rouge ; marge : 10px auto 0 ; } </style> </head> <body> <canvas id=canvas width=600 height=386>Le canevas n'est pas pris en charge</canvas> <script> var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d'); ctx.beginPath(); ctx.fillStyle = #0095DD; ctx.closePath(); </body></html> RésumerCe qui précède est le problème et la solution du flou lors de l'utilisation du dessin Canvas sur un écran haute définition introduits par l'éditeur. J'espère que cela vous sera utile. Si vous avez des questions, laissez-moi un message et l'éditeur vous répondra. vous à temps. Je tiens également à remercier tout le monde pour votre soutien au site d'arts martiaux VeVb !