术语表 · 动画

SVG 描边（stroke）

SVG 图形的轮廓（线条、曲线、圆形、矩形），拥有自己的颜色和粗细，与填充分开。

详细说明

在 SVG 图形中，每个形状有两个分别绘制的部分：填充（fill）和描边（stroke），即沿着轮廓的线条。描边可以有颜色、粗细，如果你愿意，还可以有虚线图案。

只有当形状具有可测量的轮廓时，描边才能做动画：在 BannerMotion 中，它适用于 path、line、polyline、circle 和 rect。转换为曲线的文字，或仅由填充构成的标志，没有可以绘制的描边。

示例

<path d="M10 80 Q 95 10 180 80" fill="none" stroke="#0E1116" stroke-width="4" />

[此术语尚未出现在任何指南中。]

用真实的活动试试看。