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