爱意满满的作品展示区。
bojue

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

  •  1
     
  •   bojue ·
    nocokit · Mar 28, 2020 · 3228 views
    This topic created in 2244 days ago, the information mentioned may be changed or developed.

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

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

    预览

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

    5 replies    2020-03-30 10:19:03 +08:00
    bojue
        1
    bojue  
    OP
       Mar 28, 2020
    github 仓库地址: https://github.com/bojue/Sketchpad
    yafoo
        2
    yafoo  
       Mar 28, 2020 via Android
    不支持手机啊,体验不了
    bojue
        3
    bojue  
    OP
       Mar 28, 2020 via iPhone
    @yafoo 这个是 pc 端的,不是移动端画图工具,不好意思
    jorneyr
        4
    jorneyr  
       Mar 30, 2020
    快速画效果可以,速度慢的话就有明显的锯齿
    bojue
        5
    bojue  
    OP
       Mar 30, 2020
    @jorneyr 这个问题我居然没考虑到,只顾着处理之前遇到的快速绘制锯齿问题,很好的 case 我抽时间处理一下,谢谢建议
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5310 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 45ms · UTC 06:04 · PVG 14:04 · LAX 23:04 · JFK 02:04
    ♥ Do have faith in what you're doing.