HTML5 canvas绘图,如何使图像边缘变的平滑?

本人现使用html的canvas技术对一张图片(主要为书画作品的照片)进行黑白二值化处理之后,图片放大后会有很多不规则凹凸锯齿状,求一个使图像边缘变平滑消除锯齿的算法?

1个回答

canvas 绘图是位图 就是有一个像素一个像素组成的图像(每个像素就是一个正方形的块 然后填充上颜色)

放大时 实际上是将每个正方形块放大相应的倍数就会出现锯齿 我所知的canvas目前没有提供抗锯齿的api

但也办法处理

1.将他转成矢量图 Adobe Illustrator 和ps齐名 ps是处理位图的 这个是专门处理矢量图的

你可以用这个软件处理下你的图像 但像在html中是不能直接处理的

2.使用svg图像 同样跟canvas齐名的 比canvas更早 svg图像 实质上就是xml 你可以讲你的照片转成相应的svg图像
inkscape这个软件可以帮助你 或者直接使用js个css在html上绘制svg图像 也行

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐