RaphaelJs'de kullanmak üzere bir SVG haritasından veri yolunu ayıklamak

Question

RaphaelJS (ör. http://raphaeljs.com/australia.html) kullanarak etkileşimli bir harita oluşturmaya çalışıyorum. Lütfen kaynağı kontrol et. Girilecek harita yolu verilerini gerektirir. Bu bilginin nasıl elde edileceği konusunda herhangi bir açık açıklama yoktur; illüstratör veya inkscape'in bunu yapabilmesi dışında. Bu Hindistan haritasından "Durumlar" yol verisini almak istiyorum: http://en.wikipedia.org/wiki/File:India-locator-map-blank.svg

Answer 1

iyi, bu bir kolaydır. SVG sadece basit bir XML dosyasıdır. Yani Illustrator ile bir şeyi "ayıklamak" zorunda değilsiniz.

Sadece SVG'yi herhangi bir metin düzenleyicisinde açın ve hepsi burada! (RaphaelJS yol işleviyle kullanabileceğiniz yol veri dizesi, yol düğümlerinin d-niteliğinde tutulur).

Seyretmek bizim başkalarının SVG dosyaları kullanırken telif hakkı sorunları için; RaphaelJS için optimize edilmesi gerekecektir eski SVG için) yolu verilerini

Kokarcalar

Answer 2

dosyaları. Dosyayı Inkspace'de açın ve Optimized AVG olarak kaydedin. Adobe Illustrator'da boş bir görüntü olarak açılan bir AVG dosyanız varsa, dosyayı bir metin düzenleyicisiyle düzenleyin ve viewBox'ın ilk iki değerini 0,0 olarak ayarlayın. Vikipedi'den harita AVG dosyaları ile çalışırken her iki adım gerekebilir.

Answer 3

Ayrıca, yolları sizin için ayıklamak ve javascript çıktısını oluşturmak için Ready.Set.Raphael gibi bir dönüştürücü de kullanabilirsiniz. Bu gerçek bir zaman tasarrufu!