高清屏出現(xiàn)以前,屏幕的一個(gè)物理像素就是css所定義的一個(gè)邏輯像素(估計(jì)那個(gè)時(shí)候還沒有物理像素和邏輯像素的概念)。因此使用下面代碼就可以在瀏覽器中展示一個(gè)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)模糊的問題及解決方法,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)VeVb武林網(wǎng)網(wǎng)站的支持!
新聞熱點(diǎn)
疑難解答