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

常见的移动端H5页面开发遇到的坑和解决办法

常见的移动端H5页面开发遇到的坑和解决办法

解决用H5 Canvas绘制的图片或文字在高清屏下模糊的问题

有没有办法直接访问反应原生图像的位图?

H5播放器

关于canvas绘制图像模糊问题