使用canvas画图,图形模糊怎么办

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用canvas画图,图形模糊怎么办相关的知识,希望对你有一定的参考价值。

参考技术A 有几点需要注意:
1.
canvas元素
的宽和高为之前的两倍
2.
使用ctx.scale(2,2)将绘图放大两倍
3.
在父元素中添加的class中有放大缩小元素的zoom属性,0.5为缩小一倍。当然你也可以用
css3
中的
transform
:scale(0.5,0.5)的办法去缩小,只是使用这种方法不会改变布局大小,即canvas虽然视觉上变小了,但它仍旧会占两倍的高和宽。

以上是关于使用canvas画图,图形模糊怎么办的主要内容,如果未能解决你的问题,请参考以下文章

html5的canvas怎么调整画图的清晰度?

对于canvas画图时,改变其中一条线的颜色,该怎么解决

h5 的canvas标签,画出的图形怎么设置他的层级关系。像css的z-index这样设置层级

使用 canvas 画图时图像文字模糊的解决办法

关于使用canvas画图时,图片被拉伸的问题

怎样用h5canvas鼠标绘制图形