ハイビジョン画面が登場する以前は、画面の物理ピクセルはCSSで定義される論理ピクセルでした（当時は物理ピクセルと論理ピクセルの概念はなかったと推測されます）。したがって、次のコードを使用して、ブラウザーに 600x386 のキャンバスを表示できます。
<html> <head> <title>Canvas デモ</title> <style> * { パディング: 0; マージン: 0; } html, body { width: 100%; } #canvas { 表示: ブロック: 1px; red; margin: 10px auto 0; } </style> </head> <body> <canvas id=canvas width=600 height=386>キャンバスはサポートされていません</canvas> <スクリプト> var Canvas = document.getElementById('canvas'); var ctx = Canvas.getContext('2d'); ctx.arc(300, 150, 20, 0, Math.PI*2) ); ctx.fillStyle = #0095DD(); </body></html>要約する以上、編集者が紹介した高精細画面でのCanvas描画時のぼやけの問題と解決策でした。ご質問がございましたら、編集部より返信させていただきます。間に合ったあなた。また、VeVb武道サイトを応援してくださった皆様、誠にありがとうございました！