मान लें कि मेरे पास कुछ पिक्सेल के लिए x और y निर्देशांक हैं, मैं इसे HTML में कैसे कर सकता हूं (पृष्ठ पर सब कुछ सिर्फ सफेद पर रख सकता हूं)? क्या यह एचटीएमएल में संभव है?मैं HTML में एक पिक्सेल अपना रंग कैसे बदलूं?
<div style="position: absolute; left: {X}px; top: {Y}px; width: 1px; height: 1px; background-color: red;"></div>
बदलें {X} और असली के साथ {Y} निर्देशांक आप की है। पृष्ठ के आधार पर z-index के साथ गड़बड़ की आवश्यकता हो सकती है। position: fixed का उपयोग करके आप दस्तावेज़ के बजाए ब्राउज़र के सापेक्ष इसे स्थिति दे सकते हैं।
हालांकि कई मायनों में यह वास्तव में एक सीएसएस समाधान है। – xenoterracide
आपको बहुत पसंद है, बेचेरी !!! – brilliant
ओउप्स!इस तरह यह काम नहीं लग रहा है। क्या मैं कुछ गलत कर रहा हूँ? :
– brilliantआप वहां 1 पिक्सेल div को पूर्ण स्थिति के साथ डाल सकते हैं।
हैलो कोबबल !!! कृपया मुझे एक उदाहरण दें (कोड का टुकड़ा)। मैं उस पूर्ण स्थिति को कैसे कर सकता हूं? – brilliant
शायद नहीं। यह जावास्क्रिप्ट में संभव हो सकता है, लेकिन मैं कल्पना नहीं कर सकता कि यह एक प्रसिद्ध बात है।
आपको एक पिक्सेल बदलने की आवश्यकता क्यों है?
हैलो जोश !!!! खैर, मुझे इस समय कोई भरोसा नहीं है, मैं सिर्फ यह पता लगाने की कोशिश कर रहा हूं कि एचटीएमएल में यह संभव है या नहीं। – brilliant
एक 1 पीएक्स div जैसा कि उल्लेख किया गया है, लेकिन यदि आप इसके साथ कुछ भी फैंसी करने की योजना बना रहे हैं (यानी ड्राइंग) यह धीमा होने जा रहा है। –
मैं देखता हूं, धन्यवाद जोश !!! – brilliant
आपको canvas element की आवश्यकता है।
अन्यथा, कोबबल द्वारा पेश किया गया 1 पिक्सेल डिव समाधान ऐसा करने का एक तरीका है।
मुझे संदेह है कि आप इस विचार को आम तौर पर मनमाने ढंग से पिक्सल खींचने में सक्षम होने की उम्मीद कर रहे हैं। उस स्थिति में, div तत्व बेहद धीमे हो जाएंगे।
कैनवास तत्व उभरते हुए HTML 5 मानक का हिस्सा है। आपको आईई ब्राउज़र के साथ ज्यादा समर्थन नहीं मिलेगा, लेकिन बाकी सब कुछ इन दिनों काम करता है।
हैलो Koobz !!!! "उस स्थिति में, div तत्व बेहद धीमे हो जाएंगे" - क्या आपका मतलब है कि इस तरह के पेज को ब्राउज़र में लोड होने में लंबा समय लगेगा? – brilliant
साधारण मामलों में, यह नगण्य होगा। असल में, यदि आप जो भी करते हैं वह एक पिक्सेल खींचता है, तो यह पूरी तरह से ठीक होगा इसलिए मुझे आपको डराए मत। यदि आप इसे सर्कल बनाने और फिर इसे एनिमेट करने जैसी किसी चीज़ के लिए उपयोग करना चाहते थे, तो परिणाम कैनवास के बराबर करने की तुलना में 100x धीमी होगी। मैं उस संख्या को हवा से बाहर खींच रहा हूं, लेकिन अगर कुछ भी है, तो मुझे संदेह है कि यह अभ्यास में बदतर है। – Koobz
मैं देखता हूं, Koobz, स्पष्टीकरण के लिए धन्यवाद। – brilliant
आप एक शुद्ध HTML तालिका (BorderWidth, cellpadding और सभी 0 cellspacing, और टीआर और टीडी ऊंचाइयों सभी 1 के साथ) का उपयोग कुछ इस तरह बनाने के लिए कर सकते हैं:
alt text http://www.freeimagehosting.net/uploads/36dcc03919.jpg
आप कर सकते हैं हाथ से संपादित इस पिक्सेल-बाय-पिक्सेल के लिए HTML code (क्योंकि यह केवल एक बड़ी तालिका है)।
नोट: इस स्पष्ट रूप से एक व्यावहारिक दृष्टिकोण (के रूप में आप के रूप में आपके ब्राउज़र एक 6 एमबी HTML फ़ाइल रेंडर करने के लिए संघर्ष देखेंगे) नहीं है, लेकिन यह शुद्ध HTML के साथ पिक्सेल द्वारा पिक्सेल ग्राफिक्स क्या करना तकनीकी रूप से संभव है।
धन्यवाद, MusiGenesis !!! बिल्कुल सही विचार मुझे लगता है कि अगर काला ब्राउज़र की बजाय पृष्ठभूमि सफेद थी तो बहुत कम "संघर्ष" होगी। – brilliant
दयालु मैं * यह * ऊब नहीं हूं, लेकिन आप एक संपूर्ण जावास्क्रिप्ट-आधारित ग्राफिक्स इंजन लिख सकते हैं जो इस तरह हास्यास्पद एक-पिक्सेल-प्रति-सेल सारणी के साथ काम करता है, रेखाचित्र, आकार, टेक्स्ट इत्यादि पिक्सेल-बाय-पिक्सेल प्रत्येक सेल के बीजीकलर को सेट करके। यह ऐप्पल IIe पर पुराने दिनों की तरह होगा - आपको एक समय में अपने ग्राफिक्स को एक पिक्सेल खींचा जाना होगा। – MusiGenesis
यह सिर्फ मेरे दिमाग को उड़ा दिया, पूरी तरह से शांत! यह वास्तव में फ़ायरफ़ॉक्स 7 और आईई 9 में लगभग तुरंत प्रस्तुत करता है, लेकिन क्रोम 17 इसे किसी कारण से संभाल नहीं सकता है ... – Anders
मुझे आपको चेतावनी दी जानी चाहिए कि एसईएस, विशेष रूप से Google, 1px सामान पसंद नहीं है। – Ben
इस चेतावनी के लिए धन्यवाद, omfgroflmao। – brilliant