Kumaş.js ile kesik çizgi çizme

Question

Kumaş.js kullanarak kesikli çizgi çizmek istiyorum. I've found Issue #603 on github that should implement this feature. Bununla birlikte, herhangi bir örnek kod bulamadım ve bunun, fabric.js 1.2.1 ile çalışmasını sağlayamadım.

Bu zaten fabric.js 1.2.1'in bir parçası mı, yoksa github'u doğrudan çıkarmalı ve kendim mi oluşturmalıyım? Birisi bana başlamak için basit bir örnek verebilir misiniz?

Answer 1

Aradığınız özellik, stroke-dasharray numaralı SVG özniteliğini kodlayan strokeDashArray dur. Çizgi ve boşluk desenlerini tanımlayan bir dizi bekler, daha fazla ayrıntı için bağlantılı sayfaya bakın.

kullanımının bir örneği eşit aralıklı 5px ile kesikli siyah çizgi yaratacak aşağıdaki gibi görünebilir doldurur:

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