એસવીજીમાં વ્યૂબોક્સ એટ્રીબ્યુટને કેવી રીતે સમજવું

'એસવીજી' વ્યૂક્સબોક્સ (એચટીએમએલ) નો ઉપયોગ કરવા માટેની વેબ ડીઝાઇન ગાઇડ

SVG આકારો બનાવતી વખતે વ્યૂક્સબોક્સ સામાન્ય રીતે ઉપયોગમાં લેવામાં આવે છે. જો તમે દસ્તાવેજને કેનવાસ તરીકે વિચારો છો, તો જુઓ બૉક્સ કેનવાસનો એક ભાગ છે જે તમે દર્શકને જોવા માગો છો. તેમ છતાં પાનું સમગ્ર કમ્પ્યુટર સ્ક્રીનને આવરી શકે છે, આ આંકડો માત્ર એક તૃતીયાંશમાં જ અસ્તિત્વમાં હોઈ શકે છે.

Viewbox તમને તે તૃતીય પર ઝૂમ વધારવા માટે પાર્સરને કહેવા માટે પરવાનગી આપે છે. તે વધારાની સફેદ જગ્યાને દૂર કરે છે ઇમેજ કાપવા માટે વર્ચ્યુઅલ અભિગમ તરીકે જુઓ બોક્સ વિચારો.

તે વિના, તમારું ગ્રાફિક તેની વાસ્તવિક કદનો ત્રીજા ભાગ દેખાશે.

જુઓબોક્સ મૂલ્યો

છબી કાપવા માટે, તમારે કટ બનાવવા માટે ચિત્ર પર પોઇન્ટ બનાવવા પડશે. વ્યુ બૉક્સ એટ્રીબ્યુટનો ઉપયોગ કરતી વખતે તે જ સાચું છે. દૃશ્યબોક્સ માટે મૂલ્ય સેટિંગ્સમાં શામેલ છે:

• minx- શરૂઆત x સંકલન
• miny- શરૂઆત વાય સંકલન
• વિઝબોક્સની પહોળાઈ-પહોળાઈ
• વૉલબૉક્સની ઉંચાઈ ઊંચાઈ

દૃશ્ય બૉક્સ મૂલ્યો માટે વાક્યરચના છે:

જુઓબોક્સ = "0 200 200 150"

SVG દસ્તાવેજ માટે તમે જે પહોળાઈ અને ઊંચાઈ સેટ કરો છો તે દૃશ્ય બૉક્સની પહોળાઇ અને ઊંચાઇને મૂંઝવતા નથી . જ્યારે તમે SVG ફાઇલ બનાવો છો, ત્યારે તમે સ્થાપિત કરો છો તે પ્રથમ મૂલ્યોમાંથી એક છે દસ્તાવેજ પહોળાઈ અને ઊંચાઈ. દસ્તાવેજ એક કેનવાસ છે. જુઓ બૉક્સ સમગ્ર કેનવાસ અથવા તેનો માત્ર એક ભાગ આવરી શકે છે.

આ દ્રશ્ય બોક્સ સમગ્ર પાનું આવરી લે છે.

આ દૃશ્ય બોક્સ ઉપલા જમણા-ખૂણેથી શરૂ થતું અડધા પૃષ્ઠને આવરે છે.

તમારા આકારમાં ઊંચાઈ અને પહોળાઈ અસાઇનમેન્ટ પણ છે.

તે દસ્તાવેજ છે જે 800 x 400 px ને એક વિયોબોએ આવરી લે છે જે ઉપલા જમણા-ખૂણે શરૂ થાય છે અને પૃષ્ઠના અડધા વિસ્તરણ કરે છે. આકાર એક લંબચોરસ છે જે વ્યુ બૉક્સના ઉપલા જમણા ખૂણામાં શરૂ થાય છે અને 100 પીએક્સ ડાબી અને 50 પીએક્સ નીચે ખસે છે.

એક જુઓબોક્સ શા માટે સેટ કરો?

એસવીજી માત્ર આકાર દોરે તે કરતાં વધુ કરે છે. તે શેડો ઇફેક્ટ માટે બીજામાં એક આકૃતિ બનાવી શકે છે. તે આકારને પરિવર્તિત કરી શકે છે જેથી તે એક દિશામાં છીટી જાય. અદ્યતન ફિલ્ટર્સ માટે, તમારે વિઝ બોક્સ બૉક્સને સમજવું અને તેનો ઉપયોગ કરવો પડશે.