SVGのパスについて詳しく調べてみる（SVG.js） - Qiita

SVGのパス関係の知識が必要になってきたので仕様を確認していきます。本記事では直接HTMLなどでは書かずにSVG.jsを使っていきます（ただしパスの仕様自体はHTMLでやってもSVG.jsを使っても変わりません）。 以下のMDNやsvg.jsのドキュメントを見ていきます。 使うもの SVG.js v3.1.1 JSFiddle （例 : https://jsfiddle.net/yar6x4hk/202/ ） パスの描画の基本 表示の確認のためにまずはパスの確認用の描画のインスタンスの生成処理について触れていきます。パスを描画するためにはpathメソッドを使います。引数に各パス設定の文字列を指定します。 var draw = SVG().addTo('body').size(600, 600); var path = draw.path('M 50 100 Q 100 20 150 100