V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
mamahaha
V2EX  ›  问与答

请教一下, canvas 如何画出粗细渐变的线条?

  •  
  •   mamahaha · 2019-07-25 20:08:40 +08:00 · 2932 次点击
    这是一个创建于 1948 天前的主题,其中的信息可能已经有所发展或是发生改变。

    电容笔写字时,屏幕上的笔画是粗细渐变的,比如笔画'撇',开始的时候最粗,收尾的时候越来越细,最后形成尖脚。
    但是在用 canvas 时却找不到可以达到这种效果的方法,只能设置好线的粗细,然后画出从头至尾粗细一致的线条,想变细得再画一条。
    不知电容笔的这种粗细渐变的效果是使用的哪条指令?

    7 条回复    2019-07-25 21:05:47 +08:00
    mystorp
        1
    mystorp  
       2019-07-25 20:38:40 +08:00 via Android
    storkeWidth ?
    LancerComet
        2
    LancerComet  
       2019-07-25 20:45:38 +08:00 via Android
    有 Stylus API 可以拿压力,但前提是 Wacom 或 Surface 这种数位笔设备
    Hypn0s
        3
    Hypn0s  
       2019-07-25 20:46:52 +08:00   ❤️ 4
    画的不是线,是一系列同心圆

    https://codepen.io/chengxu1973/pen/jgrdJb
    Hypn0s
        4
    Hypn0s  
       2019-07-25 20:48:40 +08:00   ❤️ 1
    @Hypn0s #3 说错了,不是同心圆
    jecshcier
        5
    jecshcier  
       2019-07-25 20:51:27 +08:00 via iPhone
    @Hypn0s 圆形笔触嘛,创意不错
    bumz
        6
    bumz  
       2019-07-25 21:02:29 +08:00 via iPhone   ❤️ 1
    线是什么?一维点集

    有“宽度”的线是什么?一维“笔触”集
    宽度可变的线是什么?一维的、大小不一的笔触的集合

    定义好了,可以开始画了。
    mamahaha
        7
    mamahaha  
    OP
       2019-07-25 21:05:47 +08:00
    @Hypn0s 就是这个效果的,原来是这样啊,厉害啊。👍🌹
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1363 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 20ms · UTC 17:35 · PVG 01:35 · LAX 09:35 · JFK 12:35
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.