PR

SVGをソースで編集

UML,ER図,フローチャート等、システム設計のドキュメント作成時に draw.io を便利に使わせてもらっている。SVGのファイル形式でも保存出来て、他の文書やhtmlにも使えていい。

SVGで保存できても、draw.io 以外で作成された画像ファイルを開こうとすると、
ファイル読み込みエラー
図面ファイルではありません。
とのエラーメッセージが出て開けない。
考えてみれば、画像編集ソフトでないのだから、.svgであってもベクター画像一般に扱える訳ではないのは当たり前だ。
伝票形式の帳票等シンプルな図面だと思っても、draw.ioで作成したファイルで無ければ、処理出来るデータにはなっていない。
シンプルでも、画像処理ソフトでInkscape等のドローソフトで修正するのは慣れていないので辛い。
きっちりした文法,数字でコーディングできるのがすっきりする。

Visual Studio Code のEXTENTIONS(拡張機能) でいいのがあった。SVG。
コード補完もしてくれて、プレビューを見ながらコーディングできる。
Visual Studio Code>Programming Languages>SVG SVG Coding, Minify, Pretty, Preview All-In-One

SVGのレファレンス
SVG: スケーラブルベクターグラフィック
SVG: Scalable Vector Graphics

コメント