2010-01-04 7 views
9

मैं गतिशील रूप से मेरे पास एक चार्ट टूल के लिए एक छविमैप उत्पन्न कर रहा हूं।छविमैप को विज़ुअलाइज़/डिबग कैसे करें?

मैं क्षेत्र टैग पर सीमा या रंग सेट करने में सक्षम होने की उम्मीद कर रहा था, इसलिए मैं सही तारों के साथ सबकुछ उत्पन्न कर रहा था, लेकिन थोड़ा सा शोध दिखाता है कि यह संभव नहीं है।

तो मेरा छवि मानचित्र जांचने का सबसे आसान तरीका क्या सही है? क्या कोई ब्राउज़र उपकरण है जो क्षेत्रों को "विज़ुअलाइज़" करेगा?

उत्तर

6

इसका परीक्षण करने के लिए जावास्क्रिप्ट (और jQuery) का उपयोग करने के बारे में क्या?

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

इस प्लगइन छवि मानचित्र क्षेत्रों पर प्रकाश डाला जाएगा।

0

कभी सोचा नहीं कि मैं कभी यह कहूंगा, लेकिन यह उन कुछ मामलों में से एक है जहां ड्रीमवेवर सहायक हो सकता है। आपके पास एक इंटरफ़ेस होगा, आप एंकर पॉइंट्स के साथ काम करने और आसानी से अपना इमेजमैप सेट करने में सक्षम होंगे।

7

आप उस के लिए FireBug उपयोग कर सकते हैं:

  • राइट-क्लिक करें
  • Firebug के HTML टैब में "Firebug के साथ तत्व का निरीक्षण" अपनी छवि और चुनते हैं, image टैग हाइलाइट किया गया है: पता लगाने और विस्तार संबद्ध map टैग, जो आमतौर पर सही होने के बाद यह
  • अब आप अपने माउस प्रत्येक area टैग से अधिक जगह उन्हें देखने के लिए कर सकते हैं अपने छवि पर प्रकाश डाला
+0

अब और काम नहीं करता है (उदा। फ़ायरफ़ॉक्स 55)। –

0

Image Map Editor फ़ायरफ़ॉक्स के लिए एक प्लग-इन है। यह अब तक का सबसे अच्छा टूल है, जो छवि मानचित्रों को बनाना, निरीक्षण करना और संपादित करना बहुत आसान है।

0

क्रोम में किसी क्षेत्र टैग को विज़ुअलाइज़ करने का एक तरीका tabindexarea टैग (ओं) में जोड़ना है, और फिर उस पर क्लिक करें या टैब करें। क्रोम क्लिक करने योग्य क्षेत्र की वास्तविक रूपरेखा को अच्छी तरह से हाइलाइट करेगा।

दुर्भाग्यवश यह समाधान फ़ायरफ़ॉक्स में काम नहीं करता है।