मूल रूप से चाहता था: नहीं, वहाँ नहीं करने के लिए एक रास्ता है केवल सीएसएस का उपयोग करके इसे प्राप्त करें।
लेकिन, यदि यह एक सीएसएस पहेली के रूप में देखा जाता है (मुझे सलाह है कि आप किसी भी वास्तविक दुनिया के आवेदन में निम्न समाधान का उपयोग न करें), तो आप कुछ ऐसा हासिल करने में सक्षम हो सकते हैं। फिर, यह एचटीएमएल और सीएसएस दोनों के पूरी तरह से अपमानजनक होने जा रहा है।
आप मूल रूप से बहुत सारे divs बनाते हैं, प्रत्येक 'पिक्सेल' के लिए खड़ा होता है। 'background-colorपर को के बाद को बनाए रखने के बाद (अभी तक एक और अपमानजनक) transition चाल (छद्म-अनंत देरी) का उपयोग कर चला गया है।
यहां एक डेमो है: little link। जब आप अपना माउस ले जाते हैं तो खींचे जाने वाले 'ब्रेडक्रंब' को देखने के लिए शीर्ष भागों पर होवरिंग करने का प्रयास करें।
मैं, फिर से, अतिरंजित यह पूरी तरह अपमानजनक है और इसका उपयोग किसी भी वास्तविक अनुप्रयोग में नहीं किया जाना चाहिए।
इसे सीएसएस का उपयोग करके एक छोटा चित्रकला कार्यक्रम बनाने के लिए विस्तारित किया जा सकता है। मैं वर्णन करने के लिए एक छोटे से dabblet कर दिया है: another little link (क्लिक करके और अपने माउस को ले द्वारा ड्राइंग कोशिश करो!)
लब्बोलुआब यह है: उपयोग जावास्क्रिप्ट - यह (इस मामले में केवल सहारा है आप एक नियंत्रित नहीं कर सकते जावास्क्रिप्ट के बिना canvas)।
आप जावास्क्रिप्ट के बिना कैनवास का उपयोग नहीं कर सकते हैं। –
@dystroy बहुत बुरा लेकिन स्पष्टीकरण के लिए धन्यवाद! तो मुझे लगता है कि एचटीएमएल 5 कैनवास जानने और जेएस/एचटीएमएल 5 कैनवास समाधान का उपयोग करके इसे बनाने का मेरा एकमात्र तरीका है। – Atadj
यकीन है कि यह संभव है। माउस इवेंट आपको वास्तविक समय में कर्सर पर जानकारी देते हैं, और कैनवास आपको संबंधित लाइनों को पेंट करने देता है। मैं एक कैनवास ट्यूटोरियल में कुछ समय निवेश करने की सलाह देते हैं। –