终于有时间优化 canvas 画笔的锯齿问题

2020-03-28 18:33:00 +08:00
 bojue

canvas 开发画笔是一个简单的功能,但是如果直接使用 moveTo()方法创建直线的方式,创建的直线锯齿严重,影响体验。

今天使用二次贝塞尔曲线方案处理锯齿,效果比较满意。在线预览

Github 仓库https://bojue.github.io/Sketchpad/

2820 次点击
所在节点    分享创造
5 条回复
bojue
2020-03-28 20:04:08 +08:00
github 仓库地址: https://github.com/bojue/Sketchpad
yafoo
2020-03-28 21:08:19 +08:00
不支持手机啊,体验不了
bojue
2020-03-28 21:21:36 +08:00
@yafoo 这个是 pc 端的,不是移动端画图工具,不好意思
jorneyr
2020-03-30 10:14:23 +08:00
快速画效果可以,速度慢的话就有明显的锯齿
bojue
2020-03-30 10:19:03 +08:00
@jorneyr 这个问题我居然没考虑到,只顾着处理之前遇到的快速绘制锯齿问题,很好的 case 我抽时间处理一下,谢谢建议

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/657122

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX