mamahaha
V2EX  ›  问与答

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

  •  
  •   mamahaha · Jul 25, 2019 · 3910 views
    This topic created in 2665 days ago, the information mentioned may be changed or developed.

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

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

    https://codepen.io/chengxu1973/pen/jgrdJb
    Hypn0s
    Hypn0s
    Jul 25, 2019❤️1
    4
    @Hypn0s #3 说错了,不是同心圆
    jecshcier
    jecshcier
    Jul 25, 2019 via iPhone
    5
    @Hypn0s 圆形笔触嘛,创意不错
    bumz
    bumz
    Jul 25, 2019 via iPhone❤️1
    6
    线是什么?一维点集

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

    定义好了,可以开始画了。
    mamahaha
    mamahaha
    OP
    Jul 25, 2019
    7
    @Hypn0s 就是这个效果的,原来是这样啊,厉害啊。👍🌹
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1099 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 18:27 · PVG 02:27 · LAX 10:27 · JFK 13:27
    ♥ Do have faith in what you're doing.