我们逐词拆解 strokeStyle，从词源角度深入理解这个 Canvas 绘图术语的由来与含义。
1. 先看单词结构
strokeStyle 由两部分构成：
stroke（名词）
style（名词）
在 Canvas API 里，它是 CanvasRenderingContext2D 的一个属性，用于设置描绘轮廓时使用的颜色、渐变或图案。
2. stroke 的词源
原始印欧语 PIE *st(e)rg-
意为“敲打、击打”
由此衍生出拉丁语
stringere（拉紧、轻触）
演变路径：
古英语
strācian→ 轻抚、抚摸（用手的动作）后来在绘画语境里，
stroke表示一笔、一挥、画的一笔在书法、绘画中，指用笔的一次连续动作留下的线条 → 引申为轮廓线
在 Canvas 里，stroke() 方法就是“画轮廓线”，而 strokeStyle 就是“轮廓线的样式”。
3. style 的词源
来自拉丁语 stilus
原指古罗马人在蜡板上写字用的尖笔（金属或骨制，一端尖用于写，另一端平用于擦）
后来引申为写作方式、表达风格
最终在英语中泛指“风格、样式、方式”
在编程中，style 表示“外观的设置”，比如颜色、粗细、样式等。
4. 组合含义
strokeStyle 字面即“描边（笔画）的样式”——在 canvas 里就是设置图形轮廓的颜色或填充样式。
5. 与之对应的 fillStyle
fill来自古英语fyllan→ 装满、填充fillStyle就是填充内部的样式
6. 总结对照表
| 单词 | 词源意义 | Canvas 含义 |
|---|---|---|
stroke | 敲打、抚摸 → 画的一笔 | 描边、轮廓线 |
style | 书写工具 → 方式、样式 | 外观样式 |
strokeStyle | 一笔的样式 | 轮廓的颜色/渐变/图案 |
fillStyle | 填充的样式 | 填充区域的颜色/渐变/图案 |
这种命名很形象：
你用笔（
stroke）画轮廓你向内部倒颜料（
fill）填充它们的
style就是你选的笔的颜色或颜料的颜色