blog
copyright ©
creamu Inc. All Rights Reserved.
art direction & design: Kunitaka Kawashimo
code, interaction & photography: creamu Inc.
category: Technology

svgのpolygon, polylineをpathに変換する方法

Pocket

svgの線/塗り(stroke / fill)のアニメーションをしたい場合、パスにする必要があり、ポリゴン/ポリラインだとうまくいきません。polygon, polylineをpathに変換するには、以下サイトから行います。

Convert SVG Polygon to Path

HTMLにsvgタグをペーストして、下の空白の部分をクリックし、Chromeデベロッパーツールでsvgタグをコピーして使用します。