高清螢幕出現以前，螢幕的一個實體像素就是css所定義的一個邏輯像素（估計那個時候還沒有物理像素和邏輯像素的概念）。因此使用下面程式碼就可以在瀏覽器中展示一個600x386的Canvas。
<html> <head> <title>Canvas demo</title> <style> * { 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 is not supported</canvas> <script> var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d'); ctx.bePathgin(); ctx. arc(300, 150, 20, 0, Math.PI*2); ctx.fillStyle = #0095DD; ctx.fill(); ctx.closePath(); </script> </body></html>總結以上所述是小編給大家介紹的高清螢幕中使用Canvas繪圖出現模糊的問題及解決方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回覆大家的。在此也非常感謝大家對VeVb武林網站的支持！