fabric.jsで破線を描く

Question

私はfabric.jsを使用して破線を描きたいと思います。 I've found Issue #603 on github that should implement this feature. しかし、私はサンプルコードを見つけられず、fabric.js 1.2.1で動作するようにはできません。

これは既にfabric.js 1.2.1の一部ですか、それともgithubから直接取り出して自分で構築する必要がありますか？誰か私に簡単な例を教えてもらえますか？

Answer 1

あなたが探しているプロパティはstrokeDashArrayで、SVG属性stroke-dasharrayをエンコードしています。それは、ダッシュとギャップのパターンを記述する配列を期待しています。詳しくは、リンク先ページを参照してください。

使い方の例が均等に5pxの間隔がある黒い破線を作成し、以下のように見えるかもしれ塗りつぶし：

new fabric.Line([0, 20, 100, 20], { 
    strokeDashArray: [5, 5], 
    stroke: 'black' 
});