'SVG' የመመልከቻ ሳጥን (ኤች ቲ ኤም ኤል) ለመጠቀም የድረ ገጽ ንድፍ መመሪያ
Viewbox የ SVG ቅርጾች ሲፈጠር በአብዛኛው ጥቅም ላይ ይውላል. ሰነዱ እንደ ሸራ ሆኖ ካሰቡ ተመልካቹ ተመልካቹ እንዲያየው ከሚፈልጉት ሸራዎች አንዱ ክፍል ነው. ምንም እንኳን ገጹ ሙሉውን የኮምፒተር ገጽን ሊሸፍን ቢችልም, ይህ አኃዝ በጠቅላላው አንድ ሶስተኛ ሊገኝ ይችላል.
የጨዋታ ሳጥን በዛ ሶስተኛውን ለማጉላት ገላጭውን እንዲናገሩ ያስችልዎታል. ተጨማሪ ነጭውን ቦታ ያስወግዳል. ምስልን ለመከርከም ምናባዊ አቀራረብ እንደ ምናባዊ አቀራረብ ያስቡ.
ያለሱ ግራፊክዎ ትክክለኛውን ሦስተኛ ገጽታ ይይዛል.
የማመልከቻ ሳጥን እሴቶች
አንድ ምስል ለመሰብሰብ, ስዕሉን ለመሥራት በስዕሉ ላይ ያሉትን ነጥቦች መፍጠር አለብዎት. የእይታ ሳጥን ባህሪን ሲጠቀሙ ተመሳሳይ ነው. የእይታ ሳጥን ውስጥ ያሉት የእሴት አገባቦች የሚከተሉትን ያካትታሉ:
- minx - የመነሻ x ጥብል
- miny-the beginning y coordinate
- ስፋት - የመመልከቻ አሞሌ ወርድ
- ቁመት - የመመልከቻ ሣጥን
ለእይታ ሳጥን ዋጋ ያላቸው አገባብ:
viewBox = "0 0 200 150"
ለ SVG ዶሴ ካዘጋጁት ስፋትና ቁመት ጋር የመመልከቻውን ወርድ እና ስፋት አያደናቅፉ . የ SVG ፋይል ሲፈጥሩ, ካስቀመጧቸው የመጀመሪያ ዋጋዎች ውስጥ አንዱ የሰነድ ስፋትና ርዝመት ነው. ሰነዱ ሸራ ነው. የመመልከቻ ሣጥን ሳጥኑን ሙሉ ወይም የተወሰነውን ክፍል ሊሸፍን ይችላል.
ይህ የመመልከቻ ሳጥን ሙሉውን ገጽ ይሸፍናል.
ይህ የመመልከቻ ሳጥን ከላይ በቀኝ ጠርዝ በኩል የሚጀምረውን ገጽ ግማሽ ያካትታል.
ቅርፅዎም ቁመት እና የርዝመት ክፍሎችን ይይዛል.
በ 800 x 400 ፒክሰል የያዘው ሰነድ የላይኛው ቀኝ ጥግ ላይ የሚጀምርና የገጹን ግማሽ ያሳድጋል. ቅርጹ በአይን ሳጥኑ ከላይኛው ቀኝ ጥግ ላይ የሚጀምር አራት ማዕዘን ቅርጽ ያለው ሲሆን 100 ፒክስል ወደ ግራ እና 50 ፒክስል ዝቅ ይላል.
ለምን መክፈል ይመርጣል?
SVG ቅርፅን ከመሳብ የበለጠ ነገርን ይሰራል. የዓለትን ተጽዕኖ ለመለየት በሌላው ላይ አንድ ምስል መፍጠር ይችላል. አንድ ቅርጽ አንድ አቅጣጫ እንዲቀየር ማድረግ ይችላል. ለላቀ ማጣሪያዎች, የማሳያ ሳጥን ባህሪን መረዳት እና መጠቀም ያስፈልግዎታል.