高清屏中使用Canvas绘图出现模糊的问题及解决方法
导读:收集整理的这篇文章主要介绍了高清屏中使用Canvas绘图出现模糊的问题及解决方法,觉得挺不错的,现在分享给大家,也给大家做个参考。 高清屏出现以前,屏幕的一个物理像素就是css所定义的一个逻辑像素(估计那个时候还没有物理像素和逻辑...
收集整理的这篇文章主要介绍了高清屏中使用Canvas绘图出现模糊的问题及解决方法,觉得挺不错的,现在分享给大家,也给大家做个参考。 高清屏出现以前,屏幕的一个物理像素就是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>
总结
以上所述是小编给大家介绍的高清屏中使用Canvas绘图出现模糊的问题及解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: 高清屏中使用Canvas绘图出现模糊的问题及解决方法
本文地址: https://pptw.com/jishu/585951.html