H5 Canvas图像模糊解决办法
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了H5 Canvas图像模糊解决办法相关的知识，希望对你有一定的参考价值。
H5 Canvas图像模糊解决办法
参考技术A 你是怎么操作导致的，请描述清楚使用canvas画图，图形模糊怎么办
参考技术A 有几点需要注意：1.
canvas元素
的宽和高为之前的两倍
2.
使用ctx.scale(2,2)将绘图放大两倍
3.
在父元素中添加的class中有放大缩小元素的zoom属性，0.5为缩小一倍。当然你也可以用
css3
中的
transform
:scale(0.5,0.5)的办法去缩小，只是使用这种方法不会改变布局大小，即canvas虽然视觉上变小了，但它仍旧会占两倍的高和宽。
以上是关于H5 Canvas图像模糊解决办法的主要内容，如果未能解决你的问题，请参考以下文章