让我们荡起双桨钢琴伴奏,奥迪a3导航,没那么简单mv女主角
高清屏出现以前,屏幕的一个物理像素就是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绘图出现模糊的问题及解决方法,希望对大家有所帮助
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复
Html+Css+Jquery实现左侧滑动拉伸导航菜单栏的示例代码
Html5 Canvas实现图片标记、缩放、移动和保存历史状态功能 (附转换公式)
html5 移动端视频video的android兼容(去除播放控件、全屏)
网友评论