canvas - easyjs でパス文字列を使用してパスを描画する

Question

そのパスを表す文字列値を渡すことによって、パスを描画する簡単な方法はありますか?

たとえば、fabric.js では次のようなことができます。

var path = new fabric.Path('M 0 0 L 200 100 L 170 200 z');

イーゼルに似たようなものはありますか。ドキュメントを見ましたが、何も見つかりませんでした。

Answer 1

Graphics には、非常に使いやすい小さな API があります。

graphics.f("#ff0000").mt(100,100).lt(100,100).ss(1).s("#0000ff").dc(100,0,50);

http://www.createjs.com/Docs/EaselJS/classes/Graphics.html

文字列ベースのものには、「decodePath」API もあり ます http://www.createjs.com/Docs/EaselJS/classes/Graphics.html#method_decodePath

ツール出力用であるため、冗長ではありません。Flash Pro の DrawScript と Toolkit for CreateJS はどちらもそれをサポートしています。