用了@KevinYue 的例子,感觉不是很好使,我现在的解决方案,不管当前的devicePixelRatio的值是多少,统一将canvasDOM节点的width属性设置为其csswidth属性的两倍,同理将height属性也设置为cssheight属性的两倍,即:
<canvas></canvas>这样整个canvas的坐标系范围就扩大为两倍,但是在浏览器的显示大小没有变,canvas画图的时候,按照扩大化的坐标系来显示,不清晰的问题就得以改善了。
我遇到一个问题,用canvas绘制图片的时候会模糊,但是用img显示的时候就不会,canvas和img的大小是相同的,求高手指点。
用了@KevinYue 的例子,感觉不是很好使,我现在的解决方案,不管当前的devicePixelRatio的值是多少,统一将canvasDOM节点的width属性设置为其csswidth属性的两倍,同理将height属性也设置为cssheight属性的两倍,即:
<canvas></canvas>这样整个canvas的坐标系范围就扩大为两倍,但是在浏览器的显示大小没有变,canvas画图的时候,按照扩大化的坐标系来显示,不清晰的问题就得以改善了。
1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。
html5canvas核心技术图形、动画与游戏开发源码
2017-05-02 17:42
打印html5中Canvas的方法
2017-05-01 15:03
HTML5+Canvas调用手机拍照功能实现图片上传(下)
2017-04-30 17:00
HTML5新特性详解(三)
2017-04-30 16:03