जेड आदेश: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
{{about| | {{about|ग्राफिकल यूजर इंटरफ़ेस अवधारणा|स्थान-भरण वक्र|Z-आदेश (वक्र)}} | ||
Z-ऑर्डर दो-आयामी वस्तुओं को ओवरलैप करने का एक क्रम है, जैसे स्टैकिंग विंडो मैनेजर में विंडो, वेक्टर ग्राफिक्स एडिटर में आकार, या 3D एप्लिकेशन में ऑब्जेक्ट<ref name="CGGraphics">Foley, James, Andries van Dam, Steven Feiner, and John Hughes. "Computer Graphics: Principle and Practice". Addison-Wesley Publishing Company. Reading, Massachusetts: 1987. pages 870-871</ref> एक सामान्य जीयूआई की विशेषताओं में से एक यह है कि विंडोज़ ओवरलैप हो सकती है, जिससे एक विंडो दूसरे का कुछ भाग या पूरी तरह छिप जाती है। जब दो विंडो ओवरलैप होती हैं, तो उनका Z-क्रम निर्धारित करता है कि कौन सी विंडो दूसरे के ऊपर दिखाई देगी। | |||
==परिभाषा== | ==परिभाषा== | ||
Z-ऑर्डर शब्द Z-अक्ष के साथ वस्तुओं के क्रम को संदर्भित करता है। समन्वय ज्यामिति में, X | Z-ऑर्डर शब्द Z-अक्ष के साथ वस्तुओं के क्रम को संदर्भित करता है। समन्वय ज्यामिति में, X समान्यता: क्षैतिज अक्ष (बाएं से दाएं), Y ऊर्ध्वाधर अक्ष (ऊपर और नीचे) को संदर्भित करता है, और Z अन्य दो (आगे या पीछे) के लंबवत अक्ष को संदर्भित करता है। कोई जीयूआई में खिड़कियों को मॉनिटर की सतह के समानांतर विमानों की एक श्रृंखला के रूप में सोच सकता है। इसलिए विंडोज़ को Z-अक्ष के साथ स्टैक्ड किया जाता है, और Z-ऑर्डर जानकारी इस प्रकार स्क्रीन पर विंडोज़ के आगे-से-पीछे का क्रम को निर्दिष्ट करती है। एक सादृश्य एक टेबल के शीर्ष पर बिखरे हुए कागज की कुछ शीट होगी, प्रत्येक शीट पर एक विंडो होगी, और वह टेबल आपकी कंप्यूटर स्क्रीन होगी, और शीर्ष शीट में उच्चतम Z मान होगा। | ||
==उपयोग== | ==उपयोग== | ||
समान्यता: जीयूआई के उपयोगकर्ता अग्रभूमि में लाने के लिए एक विंडो का चयन करके Z-ऑर्डर को प्रभावित कर सकते हैं (अर्थात, अन्य सभी विंडो के ऊपर या सामने) कुछ [[विंडो मैनेजर]] विंडोज़ के साथ इंटरेक्शन की अनुमति देते हैं जब वे अग्रभूमि में नहीं होते हैं, जबकि अन्य जब भी उपयोगकर्ता से इनपुट प्राप्त करते हैं तो वे विंडो को सामने लाते है। यह भी संभव है कि विशेष विंडो सदैव शीर्ष पर निर्दिष्ट की जाएँ; इन्हें फिर Z-ऑर्डर के शीर्ष पर तय किया जाता है जिससे (कुछ अपवादों के साथ) कोई अन्य विंडो उन्हें ओवरलैप न कर सकती हो। | |||
कंप्यूटर स्क्रीन पर दृश्य वस्तुओं के साथ काम करते समय | कंप्यूटर स्क्रीन पर दृश्य वस्तुओं के साथ काम करते समय 1 के Z-ऑर्डर वाली वस्तु दृष्टिगत रूप से 2 या उससे अधिक के Z-ऑर्डर वाली ऑब्जेक्ट के नीचे होगी। यह वस्तुओं की परतें बनाने के समान है जहां Z-क्रम यह निर्धारित करता है कि कौन सी वस्तु दूसरे के ऊपर है। एक एचटीएमएल पृष्ठ Z-ऑर्डर को निर्दिष्ट करने के लिए [[CSS|सीएसएस]] का उपयोग कर सकता है जिससे कुछ वस्तुओं को दूसरों के ऊपर स्तरित किया जा सकता है। | ||
अन्य वस्तुओं से ओवरलैप के आधार पर वस्तु की दृश्यता निर्धारित करने के लिए 3डी अनुप्रयोगों में | अन्य वस्तुओं से ओवरलैप के आधार पर वस्तु की दृश्यता निर्धारित करने के लिए 3डी अनुप्रयोगों में Z-ऑर्डरिंग का भी उपयोग किया जाता है। इससे उपयोगकर्ता को गति का लाभ मिलता है क्योंकि कंप्यूटर को अनदेखी वस्तुओं को प्रस्तुत करने की आवश्यकता नहीं होती है।<ref name="CGGraphics"/> वास्तव में, निश्चित रूप से, कुछ वस्तुएं केवल आंशिक रूप से अस्पष्ट हो सकती हैं, और यह एक जटिलता है जिसे ध्यान में रखा जाना चाहिए। | ||
==z-सूचकांक== | ==z-सूचकांक== | ||
Z-क्रम में किसी विशेष स्थान को निर्दिष्ट वास्तविक संख्या को कभी-कभी z-सूचकांक के रूप में जाना जाता है। विशेष रूप से सीएसएस | Z-क्रम में किसी विशेष स्थान को निर्दिष्ट वास्तविक संख्या को कभी-कभी z-सूचकांक के रूप में जाना जाता है। विशेष रूप से सीएसएस गुण जो विशिष्ट तत्वों के स्टैक ऑर्डर को स्थित करती है उसे Z-इंडेक्स के रूप में जाना जाता है। अधिक स्टैक क्रम वाला तत्व सदैव निचले स्टैक क्रम वाले दूसरे तत्व के सामने होता है।<ref name="W3C-zindex"/> | ||
<syntaxhighlight lang="css"> | <syntaxhighlight lang="css"> | ||
| Line 21: | Line 24: | ||
} | } | ||
</syntaxhighlight> | </syntaxhighlight> | ||
ऋणात्मक स्टैक ऑर्डर का भी उसी विधि से उपयोग किया जा सकता है। एक सकारात्मक मान के पीछे एक ऋणात्मक मान दिखाई देगा। <code>z-index</code> केवल उन तत्वों पर काम करता है जिनका स्थिति मान होता है (उदा. <code>position: relative;</code>) और कई कोडर के लिए, यह डीबगिंग करते समय जांच करने वाली पहली चीज़ों में से एक है कि ज़ेड-इंडेक्स काम क्यों नहीं कर रहा है। <ref>{{Cite web|url=https://www.thewebdeveloperguide.com/css-z-index-not-working-send-help/|title=सीएसएस जेड-इंडेक्स काम नहीं कर रहा! सहायता भेजें!|last=Guide|first=The Web Developer|date=2019-03-28|website=The Web Developer Guide|language=en-US|access-date=2019-04-10}}</ref> | |||
अन्य सभी सीएसएस गुणों की तरह, इसे [[जावास्क्रिप्ट]] के साथ-साथ निम्नलिखित सिंटैक्स के साथ भी | |||
अन्य सभी सीएसएस गुणों की तरह, इसे [[जावास्क्रिप्ट]] के साथ-साथ निम्नलिखित सिंटैक्स के साथ भी स्थित किया जा सकता है: | |||
<syntaxhighlight lang="javascript"> | <syntaxhighlight lang="javascript"> | ||
| Line 30: | Line 34: | ||
==यह भी देखें== | ==यह भी देखें== | ||
*[[जेड बफर]] | *[[जेड बफर|Z बफर]] | ||
==संदर्भ== | ==संदर्भ== | ||
Revision as of 19:29, 14 July 2023
Z-ऑर्डर दो-आयामी वस्तुओं को ओवरलैप करने का एक क्रम है, जैसे स्टैकिंग विंडो मैनेजर में विंडो, वेक्टर ग्राफिक्स एडिटर में आकार, या 3D एप्लिकेशन में ऑब्जेक्ट[1] एक सामान्य जीयूआई की विशेषताओं में से एक यह है कि विंडोज़ ओवरलैप हो सकती है, जिससे एक विंडो दूसरे का कुछ भाग या पूरी तरह छिप जाती है। जब दो विंडो ओवरलैप होती हैं, तो उनका Z-क्रम निर्धारित करता है कि कौन सी विंडो दूसरे के ऊपर दिखाई देगी।
परिभाषा
Z-ऑर्डर शब्द Z-अक्ष के साथ वस्तुओं के क्रम को संदर्भित करता है। समन्वय ज्यामिति में, X समान्यता: क्षैतिज अक्ष (बाएं से दाएं), Y ऊर्ध्वाधर अक्ष (ऊपर और नीचे) को संदर्भित करता है, और Z अन्य दो (आगे या पीछे) के लंबवत अक्ष को संदर्भित करता है। कोई जीयूआई में खिड़कियों को मॉनिटर की सतह के समानांतर विमानों की एक श्रृंखला के रूप में सोच सकता है। इसलिए विंडोज़ को Z-अक्ष के साथ स्टैक्ड किया जाता है, और Z-ऑर्डर जानकारी इस प्रकार स्क्रीन पर विंडोज़ के आगे-से-पीछे का क्रम को निर्दिष्ट करती है। एक सादृश्य एक टेबल के शीर्ष पर बिखरे हुए कागज की कुछ शीट होगी, प्रत्येक शीट पर एक विंडो होगी, और वह टेबल आपकी कंप्यूटर स्क्रीन होगी, और शीर्ष शीट में उच्चतम Z मान होगा।
उपयोग
समान्यता: जीयूआई के उपयोगकर्ता अग्रभूमि में लाने के लिए एक विंडो का चयन करके Z-ऑर्डर को प्रभावित कर सकते हैं (अर्थात, अन्य सभी विंडो के ऊपर या सामने) कुछ विंडो मैनेजर विंडोज़ के साथ इंटरेक्शन की अनुमति देते हैं जब वे अग्रभूमि में नहीं होते हैं, जबकि अन्य जब भी उपयोगकर्ता से इनपुट प्राप्त करते हैं तो वे विंडो को सामने लाते है। यह भी संभव है कि विशेष विंडो सदैव शीर्ष पर निर्दिष्ट की जाएँ; इन्हें फिर Z-ऑर्डर के शीर्ष पर तय किया जाता है जिससे (कुछ अपवादों के साथ) कोई अन्य विंडो उन्हें ओवरलैप न कर सकती हो।
कंप्यूटर स्क्रीन पर दृश्य वस्तुओं के साथ काम करते समय 1 के Z-ऑर्डर वाली वस्तु दृष्टिगत रूप से 2 या उससे अधिक के Z-ऑर्डर वाली ऑब्जेक्ट के नीचे होगी। यह वस्तुओं की परतें बनाने के समान है जहां Z-क्रम यह निर्धारित करता है कि कौन सी वस्तु दूसरे के ऊपर है। एक एचटीएमएल पृष्ठ Z-ऑर्डर को निर्दिष्ट करने के लिए सीएसएस का उपयोग कर सकता है जिससे कुछ वस्तुओं को दूसरों के ऊपर स्तरित किया जा सकता है।
अन्य वस्तुओं से ओवरलैप के आधार पर वस्तु की दृश्यता निर्धारित करने के लिए 3डी अनुप्रयोगों में Z-ऑर्डरिंग का भी उपयोग किया जाता है। इससे उपयोगकर्ता को गति का लाभ मिलता है क्योंकि कंप्यूटर को अनदेखी वस्तुओं को प्रस्तुत करने की आवश्यकता नहीं होती है।[1] वास्तव में, निश्चित रूप से, कुछ वस्तुएं केवल आंशिक रूप से अस्पष्ट हो सकती हैं, और यह एक जटिलता है जिसे ध्यान में रखा जाना चाहिए।
z-सूचकांक
Z-क्रम में किसी विशेष स्थान को निर्दिष्ट वास्तविक संख्या को कभी-कभी z-सूचकांक के रूप में जाना जाता है। विशेष रूप से सीएसएस गुण जो विशिष्ट तत्वों के स्टैक ऑर्डर को स्थित करती है उसे Z-इंडेक्स के रूप में जाना जाता है। अधिक स्टैक क्रम वाला तत्व सदैव निचले स्टैक क्रम वाले दूसरे तत्व के सामने होता है।[2]
p {
position: relative;
z-index: -1;
}
ऋणात्मक स्टैक ऑर्डर का भी उसी विधि से उपयोग किया जा सकता है। एक सकारात्मक मान के पीछे एक ऋणात्मक मान दिखाई देगा। z-index केवल उन तत्वों पर काम करता है जिनका स्थिति मान होता है (उदा. position: relative;) और कई कोडर के लिए, यह डीबगिंग करते समय जांच करने वाली पहली चीज़ों में से एक है कि ज़ेड-इंडेक्स काम क्यों नहीं कर रहा है। [3]
अन्य सभी सीएसएस गुणों की तरह, इसे जावास्क्रिप्ट के साथ-साथ निम्नलिखित सिंटैक्स के साथ भी स्थित किया जा सकता है:
object.style.zIndex= '1';
यह भी देखें
संदर्भ
- ↑ 1.0 1.1 Foley, James, Andries van Dam, Steven Feiner, and John Hughes. "Computer Graphics: Principle and Practice". Addison-Wesley Publishing Company. Reading, Massachusetts: 1987. pages 870-871
- ↑ "Visual formatting model". World Wide Web Consortium. Specifying the stack level: the 'z-index' property. Archived from the original on 24 November 2018.
- ↑ Guide, The Web Developer (2019-03-28). "सीएसएस जेड-इंडेक्स काम नहीं कर रहा! सहायता भेजें!". The Web Developer Guide (in English). Retrieved 2019-04-10.
