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

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

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

2966 次点击
所在节点    问与答
7 条回复
mystorp
2019-07-25 20:38:40 +08:00
storkeWidth ?
LancerComet
2019-07-25 20:45:38 +08:00
有 Stylus API 可以拿压力，但前提是 Wacom 或 Surface 这种数位笔设备
Hypn0s
2019-07-25 20:46:52 +08:00
画的不是线，是一系列同心圆

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

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

定义好了，可以开始画了。
mamahaha
2019-07-25 21:05:47 +08:00
@Hypn0s 就是这个效果的，原来是这样啊，厉害啊。👍🌹

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

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

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

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

© 2021 V2EX