html5扫描不清晰的怎么处理,高清屏中使用Canvas绘图出现模糊的问题及解决方法...

高清屏出现以前，屏幕的一个物理像素就是css所定义的一个逻辑像素(估计那个时候还没有物理像素和逻辑像素的概念)。因此使用下面代码就可以在浏览器中展示一个600x386的Canvas。

Canvas demo

* {

padding: 0;

margin: 0;

}

html, body {

width: 100%;

}

#canvas {

display: block;

border: 1px solid red;

margin: 10px auto 0;

}

Canvas is not supported

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();

总结

以上所述是小编给大家介绍的高清屏中使用Canvas绘图出现模糊的问题及解决方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！