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图像模糊解决办法的主要内容,如果未能解决你的问题,请参考以下文章