Fabric.js を使用してCanvas上にフリーハンドで描いた内容を fabric.Canvas の toSVG で出力してサーバに送信し、サーバ側で受信したSVG文字列を解析してあれこれしていたのですが、 toSVG で出力されるSVG文字列だけでは情報が足りない…なんとかSVGのなかに必要な情報をセットできないかな?ということがありました。 例えば、Canvas上に絵を描くブラシの種類が複数あるとき、描かれた線がどのブラシで描画されたのかSVGをみて判断できるように、ブラシの種類をSVGに含めるにはどうすればよいでしょうか? SVG 1.1の仕様をみてみる Fabric.jsのバージョン 3.4.0 で toSVG を実行すると、SVG 1.1 のSVG文字列が出力されます。SVG 1.1 の仕様を見てみると、独自の要素や属性を追加できそうです。今回は fabric.PencilB