'SVG' हेराइबक्स प्रयोग गरेर वेब डिजाइन गाइड (HTML)
एसभीजी आकारहरू सिर्जना गर्दा दृश्यबक्स सामान्यतया प्रयोग गरिन्छ। यदि तपाईंले क्यान्जसको रूपमा कागजातको बारेमा सोच्नुहुन्छ, हेराइ बक्स क्यान्सरको भाग हो जुन तपाईं दर्शकलाई हेर्न चाहानुहुन्छ। यद्यपि पृष्ठले सम्पूर्ण कम्प्यूटर स्क्रिनलाई आवरण गर्न सक्छ, यो संख्या केवल तेस्रोमा मात्र अवस्थित हुनसक्छ।
हेराइबक्सले तपाईंलाई पार्सरलाई तेस्रोमा जूम गर्न अनुमति दिन्छ। यसले अतिरिक्त सेतो ठाउँ मेटाउँछ। छवि फसल गर्न भर्चुअल दृष्टिकोणको रूपमा दृश्य बक्सको बारे सोच्नुहोस्।
यसको बिना, तपाईंको ग्राफिक यसको वास्तविक आकार तेस्रो देखिनेछ।
दृश्यबक्स मानहरू
छवि फसल गर्न, तपाईंले कटौती गर्न तस्वीरमा बिन्दुहरू सिर्जना गर्नुपर्छ। दृश्य बाकस विशेषता प्रयोग गर्दा त्यहि सत्य हो। अवलोकनबक्सको लागि मान सेटिङहरू समावेश छन्:
- minx -the start x coordinate
- म्येमी - यो सुरुवात y समन्वय गर्नुहोस्
- चौडाई - अवलोकन बाकस को चौडाई
- उचाइ-अवलोकन बक्सको उचाई
दृश्य बाकस मानहरूको लागि वाक्य रचना हो:
viewbox = "0 0 200 150"
SVG कागजातको लागि सेट गरिएको चौडाइ र उचाइको साथ दृश्य बाकसको चौडाइ र उचाइ भ्रमित नगर्नुहोस्। जब तपाई SVG फाइल सिर्जना गर्नुहुन्छ, तपाईंले स्थापना गर्नु भएको पहिलो मान कागजात चौडाई र उचाइ हो। कागजात एक क्यानभास हो। दृश्य बक्सले सम्पूर्ण क्यान्सर वा यसको मात्र भाग समावेश गर्न सक्छ।
यो दृश्य बाकसले सम्पूर्ण पृष्ठलाई समावेश गर्दछ।
यो दृश्य बाकसले माथिल्लो दाहिने हात कुनामा सुरु हुने आधा पृष्ठ समावेश गर्दछ।
तपाईंको आकारमा उचाइ र चौडाई असाइनमेन्टहरू छन्।
यो एक दस्तावेज हो जसले 800 x 400 px को एक हेराइबक्सको साथ जो कि माथिल्लो दाँया कुनामा सुरु हुन्छ र पृष्ठको आधा विस्तार गर्दछ। आकृति आयताकार हो जुन अवलोकन बक्सको माथिल्लो दाहिने कुनामा सुरु हुन्छ र 100 px लाई बाँया र 50 px तल घुम्दछ।
किनबक्स सेट गर्नु हुन्छ?
SVG ले एक आकार ड्रान्ग भन्दा धेरै बढी गर्छ। यसले छाया प्रभावको लागि अर्कोको एक शीर्षमा सिर्जना गर्न सक्छ। यो एक आकार परिवर्तन गर्न सक्छ कि यो एक दिशा मा झुकाउँछ। उन्नत फिल्टरहरूका लागी, तपाईंलाई दृश्य बक्स विशेषता बुझ्न र प्रयोग गर्न आवश्यक छ।