Trích xuất dữ liệu đường dẫn từ bản đồ SVG để sử dụng trong RaphaelJs

Question

Tôi đang cố gắng xây dựng bản đồ tương tác bằng RaphaelJS (ví dụ: http://raphaeljs.com/australia.html). Vui lòng kiểm tra nguồn. Nó yêu cầu dữ liệu đường dẫn bản đồ để nhập. Không có lời giải thích rõ ràng ở bất cứ nơi nào về cách lấy thông tin này, ngoài thực tế là người vẽ tranh minh họa hay inkscape có khả năng thực hiện nó. Tôi đang tìm kiếm dữ liệu đường dẫn "Hoa" từ bản đồ Ấn Độ này: http://en.wikipedia.org/wiki/File:India-locator-map-blank.svg

Answer 1

tốt, điều này thật dễ dàng. SVG chỉ là một tệp XML đơn giản. Vì vậy, bạn không phải "trích xuất" bất cứ điều gì thông qua Illustrator.

Chỉ cần mở SVG trong bất kỳ trình soạn thảo văn bản nào và tất cả đều ở đó! (chuỗi dữ liệu đường dẫn mà bạn có thể sử dụng với hàm đường dẫn RaphaelJS được giữ trong thuộc tính d của các nút đường dẫn).

Xem chúng tôi cho vấn đề bản quyền khi sử dụng các file SVG của người khác;)

Chồn hôi

Answer 2

Đối với SVG cũ tập tin dữ liệu đường dẫn sẽ cần phải được tối ưu hóa cho RaphaelJS. Mở tệp trong Inkspace và lưu thành AVG được tối ưu hóa. Nếu bạn có tệp AVG mở dưới dạng hình ảnh trống trong Adobe Illustrator, hãy chỉnh sửa tệp bằng trình chỉnh sửa văn bản và đặt hai giá trị đầu tiên của khung nhìn thành 0,0. Cả hai bước có thể được yêu cầu khi làm việc với các tệp AVG bản đồ từ Wikipedia.

Answer 3

Bạn cũng có thể sử dụng trình chuyển đổi như Ready.Set.Raphael để trích xuất đường dẫn cho bạn và tạo đầu ra javascript. Đó là một tiết kiệm thời gian thực!