用語集 · アニメーション

SVGのストローク（線）

SVG図形の輪郭（線、曲線、円、長方形）。独自の色と太さを持ち、塗りつぶしとは別に扱われます。

詳細

SVGのグラフでは、各図形は塗り（fill）と線（stroke）という、別々に描かれる2つの部分を持ちます。ストロークは輪郭をたどる線のことで、色、太さ、必要に応じて破線のパターンを指定できます。

ストロークは輪郭を測れる図形でのみアニメーションできます。BannerMotionでは path、line、polyline、circle、rect で動作します。文字を曲線に変換したものや、塗りつぶしだけのロゴには描くストロークがありません。

例

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

[この用語はまだどのガイドにも掲載されていません。]

実際のキャンペーンで試してみましょう。