2012-11-15 41 views
6

Tôi muốn một số trợ giúp về hàm tạo đường dẫn trong Raphael. Tôi không chắc chắn làm thế nào để vẽ một đường thẳng từ điểm này sang điểm khác. Tôi cóGiải thích về cách vẽ đường thẳng trong Raphael.js

var line = paper.path(M 100 0 1 0 30 100) 

Tôi muốn vẽ một đường từ point1 (100 0) để Point2 (30 100)

Trả lời

15

Nó rất đơn giản:

var line = paper.path("M100,0 L30,100"); 

Bạn cũng có thể xây dựng những con đường của bạn ra của mảng, thực sự hữu ích trong một số trường hợp.

var line = paper.path(["M", 100, 0, "L", 30, 100 ]); 
+1

cảm ơn. M và L –

+3

M = "di chuyển đến" và L = "line to" là gì. Cú pháp đường dẫn hoàn toàn dựa trên chỉ thị. Nếu bạn muốn có danh sách đầy đủ các lệnh, hãy xem thông số w3c tại http://www.w3.org/TR/SVG/paths.html. –

+0

Cũng đáng chú ý là bạn có thể sử dụng các phiên bản tương đối của hầu hết mọi chỉ thị - vì vậy "M100,0 L30,100" và "M100,0 l-70,100" sẽ tạo ra cùng một đầu ra. –

Các vấn đề liên quan