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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 1733 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

7 条回复 • 2019-07-25 21:05:47 +08:00

mystorp

2019-07-25 20:38:40 +08:00 via Android

storkeWidth ?

LancerComet

2019-07-25 20:45:38 +08:00 via Android

有 Stylus API 可以拿压力，但前提是 Wacom 或 Surface 这种数位笔设备

Hypn0s

2019-07-25 20:46:52 +08:00

Hypn0s

2019-07-25 20:48:40 +08:00

@Hypn0s #3 说错了，不是同心圆

jecshcier

2019-07-25 20:51:27 +08:00 via iPhone

@Hypn0s 圆形笔触嘛，创意不错

bumz

2019-07-25 21:02:29 +08:00 via iPhone

线是什么？一维点集

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

定义好了，可以开始画了。

mamahaha

2019-07-25 21:05:47 +08:00

@Hypn0s 就是这个效果的，原来是这样啊，厉害啊。👍🌹