2013-07-22 3 views
10

fabric.js를 사용하여 파선을 그립니다. I've found Issue #603 on github that should implement this feature. 그러나 예제 코드를 찾지 못했고 fabric.js 1.2.1에서 작동하도록 가져올 수 없습니다.fabric.js로 점선 그리기

이미 fabric.js 1.2.1에 포함되어 있습니까? 아니면 github에서 직접 가져와 직접 만들어야합니까? 누군가 나에게 간단한 예제를 제공해 줄 수 있었습니까?

+3

당신은이 테스트 페이지에 몇 가지 예를 볼 수 있습니다 - http://fabricjs.com /test/svg_export/stroke.html – kangax

답변

23

속성은 인 SVG 속성을 인코딩하는 strokeDashArray입니다. 대시와 틈새 패턴을 설명하는 배열을 기대합니다. 자세한 내용은 링크 된 페이지를 참조하십시오.

사용의 예는 동일한 간격 5px와 점선 검은 색 선을 만들 것입니다 다음과 같이 보일 수 채우기 :

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

대단히 감사합니다! 예상대로 작동합니다. – Hartwig

+2

예, 감사합니다. 그 원단이 초보자들에게 더 좋은 문서화를 원한다. 나는 도서관을 사랑하지만 언제 어떻게해야 할 일이 필요한지 항상 결정할 수는 없다. – user1204493