SVG मधील व्योबॉक्स विशेषता कशी समजून घ्यावी

'एसव्हीजी' व्यूबॉक्स (HTML) वापरण्यासाठी वेब डिझाईन मार्गदर्शक

एसव्हीजी आकृत्या तयार करताना सामान्यतः वापरण्यात येणारे दृश्य बॉक्स पहा. जर आपण दस्तऐवज कॅनवास म्हणून विचार केला तर दृश्य बॉक्स कॅनव्हासचा एक भाग आहे जो आपणास पाहण्याची इच्छा आहे. जरी पृष्ठ संपूर्ण संगणकाच्या स्क्रीनवर लपले असले तरीही, आकृती केवळ संपूर्णत: एक तृतीयांशमध्ये अस्तित्वात असू शकते.

व्यूबॉक्स आपल्याला तृतीय पक्षाला झूम इन करण्यास सांगू देतो. हे अतिरिक्त पांढरी जागा काढून टाकते प्रतिमा क्रॉप करण्यासाठी वर्च्युअल दृष्टिकोन म्हणून दृश्य बॉक्सचा विचार करा.

त्याशिवाय, ग्राफिक आपल्या वास्तविक आकाराचे एक तृतीयांश दिसेल.

व्ह्यूबॉक्स मूल्ये

प्रतिमा क्रॉप करण्यासाठी, आपल्याला कट करण्यासाठी चित्रांवर बिंदू तयार करणे आवश्यक आहे. दृश्य बॉक्स गुणधर्म वापरताना तेच खरे आहे. व्यूबॉक्ससाठी मूल्य सेटिंग्जमध्ये हे समाविष्ट आहे:

• minx- सुरवातीस एक्स समन्वय
• miny- सुरवातीस आणि समन्वय
• चौकोनी चौकोनी दृश्यबॉक्सची चौथ्या
• दृश्यबॉक्सची उंची - उंची

व्ह्यू बॉक्स व्हॅल्यू साठी सिंटॅक्स आहे:

दृश्यबॉक्स = "0 200 200 150"

SVG दस्तऐवजासाठी आपण सेट केलेल्या रूंदी आणि उंचीसह दृश्य बॉक्सची रुंदी आणि उंची याला गोंधळ करू नका. जेव्हा आपण SVG फाइल तयार करता, तेव्हा आपण स्थापित केलेल्या प्रथम मूल्यांपैकी एक म्हणजे दस्तऐवज रूंदी आणि उंची. दस्तऐवज एक कॅनव्हास आहे. दृश्य बॉक्स संपूर्ण कॅन्व्हास किंवा त्यातील काही भाग कव्हर करू शकतो.

या दृश्य बॉक्समध्ये संपूर्ण पृष्ठ व्यापलेले आहे.

हा दृश्य बॉक्स वरच्या उजव्या कोपऱ्यात सुरु होणाऱ्या अर्ध्या पृष्ठाला समाविष्ट करतो.

आपल्या आकारात देखील उंची आणि रूंदी असाइनमेंट्स आहेत.

हा एक दस्तऐवज आहे जो 800 x 400 पिक्सेलमध्ये दृश्य बॉक्ससह व्यापलेला असतो जो उपरोक्त उजव्या हाताच्या कोपर्यात सुरू होतो आणि अर्ध्या पृष्ठाचे विस्तार करतो. आकार एक आयताकृती आहे जो दृश्य बॉक्सच्या वर उजव्या कोपर्यात सुरु होतो आणि 100 पिक्सेल डावीकडून आणि 50 पिक्सेल खाली हलते.

व्यूबॉक्स सेट का करावा?

एसव्हीजी आकृती काढण्यापेक्षा बरेच काही करतो. तो सावली इफेक्टसाठी दुसऱ्यावर एक आकृती बनवू शकतो. तो एक आकार बदलू शकतो जेणेकरून ते एकाच दिशेने कमी होईल. प्रगत फिल्टरसाठी आपल्याला दृश्य बॉक्स गुणधर्म समजून घेणे आणि वापरणे आवश्यक आहे.