高清屏出現(xiàn)以前，屏幕的一個物理像素就是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.beginPath(); ctx.arc(300, 150, 20, 0, Math.PI*2); ctx.fillStyle = "#0095DD"; ctx.fill(); ctx.closePath(); </script> </body></html>
總結(jié)
以上所述是小編給大家介紹的高清屏中使用Canvas繪圖出現(xiàn)模糊的問題及解決方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對VeVb武林網(wǎng)網(wǎng)站的支持！
新聞熱點
疑難解答
