2019/07/12(金)SVGで型紙作成

趣味で着せ替え人形を作っていますが、人形の型紙は同じでも綿の詰め方、生地によって胴回りのサイズが違ってきます。
簡単に型紙調整できたら嬉しいなとソフトを作ることに。

ブラウザで画像を作成するとなるとcanvasかSVG。
サンプル少し(1度のみ)やったことのあるcanvasから始めましたが、簡単に実寸大で印刷できるかどうかのテストをしたら、ただの正方形を印刷するのにプリンタがうなるだけで印刷進まず…。

SVGはこちらの画像が人形の型紙としては全く問題のない正確さで印刷されました。
型紙を製図するには襟ぐりやアームホールの曲線がつきものですが、canvasもSVGもベジェ曲線が使えるもよう。

ということで初めてのSVG挑戦中です。
とりあえず試してみたらそれらしい感じに。
svg010.png


これをプログラム化するのに何で開発するか?
一番経験のあるのはangularですが、やりかけて放置したRiotか未経験のVue.jsの勉強兼ねるか悩んでいますがまずはSVGの攻略から。
OK キャンセル 確認 その他