javascript - fabric.js で破線を引く

Question

fabric.jsを使って破線を描きたいです。 この機能を実装する必要がある github の問題 #603 を見つけました。 ただし、サンプル コードが見つからず、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'
});