パスとはこれまでの記事では、基本図形としてあらかじめ形の決まった図形を使用していきました。 パスは直線、円弧、曲線を組み合わせることで 1 つの図形を形成します。 パスは<path>要素を用い、直線などの組み合わせパターンをd属性で指定します。 dはdataの略です。 簡単ですが以下が一例になります。 <svg width="100" height="100"> <path d="M 10 20 L 50 10 L 30 70 Z" fill="none" stroke="black" /> <path d="M 90 80 L 60 80 L 70 50" fill="none" stroke="black" /> </svg> 例を見ていただくとわかる通り、MやLなどの記号を使用しています。 これらが直線や円弧などのパターンを表す記号となります。 記号の意味については以下より説明してい
![【SVG】パス](https://cdn-ak-scissors.b.st-hatena.com/image/square/f62a0f4291c1fc1e60c5ba376583e686f3b487dc/height=288;version=1;width=512/https%3A%2F%2Fb1san-blog.com%2Fogp%2Fsvg.png)