Bir görsel haritasını görselleştirmek/hata ayıklamak nasıl?

Question

Dinamik olarak, sahip olduğum bir grafik aracı için bir görsel haritası oluşturuyorum.

Bölge etiketlerinde kenarlık veya renk belirleyebilmeyi umuyordum, böylece her şeyin doğru koordinatlarla üretildiğini kontrol edebildim, ancak küçük bir araştırma bunun mümkün olmadığını gösteriyor.

Resim haritanımı kontrol etmenin en kolay yolu nedir? Alanları "görselleştirecek" herhangi bir tarayıcı aracı var mı?

Answer 1

Test etmek için JavaScript (ve jQuery) kullanmanın yolu nedir?

http://davidlynch.org/js/maphilight/docs/demo_usa.html

Bu eklenti resim haritası alanları vurgulayacaktır.

Answer 2

Bunu asla söyleyemedim, ancak Dreamweaver'ın yardımcı olabileceği birkaç durumdan biri budur. Bir arayüzünüz olacak, çapa noktaları ile çalışabilecek ve hayal gücünüzü kolayca ayarlayabileceksiniz.

Answer 3

Bunun için FireBug kullanabilirsiniz:

• sağ tıklayın Firebug'ın HTML sekmesinde
• "FireBug ile Öğeyi Denetle" görüntüyü seçin, image etiketi vurgulanır: bulmak ve genişletmek genellikle
• onları şimdi görmek için her area etiketleri üzerinde farenizi sağ sonradır ilişkili map etiketi, sizin resmin üzerine vurgulanan

Answer 4

Image Map Editor, Firefox için bir eklentidir. Şimdiye kadar bulduğum en iyi araç, görüntü haritalarını oluşturmayı, incelemeyi ve düzenlemeyi çok kolay hale getiriyor.

Answer 5

Chrome'da bir alan etiketini görselleştirmenin bir yolu, görmek istediğiniz area etiketlerine tabindex eklemek ve sonra tıklatmak veya sekmek. Chrome, tıklanabilir alanın gerçek taslağını güzel bir şekilde vurgulayacaktır.

Bu çözüm, Firefox'ta maalesef çalışmıyor.