この連載では、AutoCAD JavaScript API と連携してご利用いただける HTML5 ベースのオープンソースライブラリをご紹介いたします。
前回は、AutoCAD JavaScript API をご活用いただく上で知っておいて頂きたい前提知識についてご説明いたしました。
今回は Paper.js をご紹介いたします。
Paper.js は、HTML5 Canvas 上で、ベクタ・ラスタ形式のグラフィックスを扱えるオープンソースのグラフィックスライブラリです。
Adobe Illustrator や Adobe Photoshop などのソフトウェアと同じように、ベジェ曲線で図形を描いたり、ビットマップ画像（ラスタイメージ）を配置して操作することができ、レイヤ構造、グループ化、パスのセグメント編集といったような構造をもつグラフィックス編集機能を備えています。
このライブラリは、Adobe Illustrator の JavaScript プラグインとして10年以上の歴史ある Scriptographer が元となっております。HTML5 Canvas の簡易的なラッパーというわけではなく、 Web ビジュアライゼーションのための様々な機能を提供しています。
もし HTML5 Canvas についてご存知のない方・ご興味のある方がいらっしゃいましたら、こちらの解説サイトをご参照ください。
たとえば、スケッチパネルを表示して、ベジェ曲線によって描いたスケッチを、平面図上にオブジェクトとして取り込むといったこともできます。
Canvas 上に描いたパスは JSON 文字列として AutoCAD のプログラムに渡すことができます。C# プログラムでは、Newtonsoft.Json.Linq.JArray クラス等でパースして、パス配列を取得することができますので、これを元にポリラインを生成することができます。
ご興味のある方は、ぜひ一度お試しください。
By Ryuji Ogasawara
Subscribe
コメント