Thread overview
SVG Formatındaki Resmi Nasıl İşleyebilirim?
Nov 02, 2017
İbrahim
Nov 03, 2017
İbrahim
Nov 03, 2017
erdem
November 02, 2017

Selamün Aleyküm;
Benim elimde dünya haritası olan bir svg resmi var. Ben bu ülkelerin üzerine fare ile gelip ülkeye tıklayınca o ülkenin adını almak istiyorum. Bunu esasında Qt ile yapacağım ama sadece mantığını öğrenmek istiyorum. Image nesnesini kullanarak direk olarak resmi gösterek bu işlemi yapabilir miyim? Yoksa o svg dosyasının içerisinde bulunan 'path' değerlerini okuyarak tekrardan form üzerine haritayı çizdirerek mi yapabilirim?
Elimdeki svg dosyasında şöyle bir path kısmı var:
https://s1.postimg.org/3hwk9ibe5b/img.png
Bu 'd' özelliğinde görüldüğü üzere haritanın bir ülkesi için koordinat değeri var. Ben bu ve diğer path değerlerindeki koordinatları okuyarak tekrar çizdirerek mi bu işlemi yapabilirim yoksa zaten elimde olan svg resmini direk Image nesnesiyle ekranda göstererek bu işlemi yapabilir miyim? Qt'da şöyle bir şey buldum: http://doc.qt.io/qt-5/qml-qtquick-pathsvg.html
Lakin bunu nasıl işleme sokacağımı bilmiyorum :)

--
[ Bu gönderi, http://ddili.org/forum'dan dönüştürülmüştür. ]

November 03, 2017

Aslında yapmak istediğim şunun aynısı: http://dnomak.com/svg-turkiye-haritasi/ (GitHub bağlantısı da mevcut).
Yani bu şekilde elimde svg haritası var ben bu resmi direk kullanabilir miyim, yoksa ekrana tekrar mı çizdirmem gerekli? Yapacağım tek şey haritamın üzerindeki ülkelere fareyi getirdiğimde ülke adını vermesi.

--
[ Bu gönderi, http://ddili.org/forum'dan dönüştürülmüştür. ]

November 03, 2017

Verdiğin örnekte sanırım html kullanmışlar.

https://www.w3schools.com/graphics/svg_intro.asp

http://tutorials.jenkov.com/svg/simple-svg-example.html

Buradaki örneklerde de html ile svg kullanımı anlatılıyor.

Bir de sanki bu sanki sunucu tarafında çalışan uygulamalar için daha uygun gibi.

Örneğin bu örnekte flask ile bir çemberin koordinatlarını giriyorsun o da sana svg olarak çiziyor anladığım kadarıyla.

http://connor-johnson.com/2015/03/23/simple-interactive-svg-application-with-flask-and-jinja/

Burada da Flask ve pygal (http://pygal.org/en/stable/documentation/first_steps.html) kütüphanesi kullanarak etkileşimli grafiklerin nasıl oluşturulabileceğini anlatıyor.

https://youtu.be/BIttXQO0bXw?t=7m45s

Bu uygulamalar sanki bana senin verdiğin örnekten daha ilginç gibi geldi.

--
[ Bu gönderi, http://ddili.org/forum'dan dönüştürülmüştür. ]

November 03, 2017

Gösterdiğin sayfanın hızına (ve Github'daki dosyanın JavaScript olmasına) bakınca bunun tarayıcı tarafında halledildiği anlaşılıyor.

Kodda 'mouseover' adlı event ile ilgilendikleri görülüyor. O işlev çağrıldığında 'event.target.parentNode' mevcut ve onun '.dataset['iladi']' niteliği adını veriyor. dataset'in nasıl doldurulduğunu bilmiyorum ama "Qt SVG mouseover" gibi aramaların sonuçlarına bakardım.

Ali

--
[ Bu gönderi, http://ddili.org/forum'dan dönüştürülmüştür. ]