'SVG' ඇමුණුම් පෙට්ටිය (HTML) භාවිතා කිරීම සඳහා වෙබ් නිර්මාණ මාර්ගෝපදේශනයක්
වර්ඩ්-බ්ලොග් යනු SVG හැඩ නිර්මාණය කිරීමේදී බහුලව භාවිතා වන ගුණාංගයකි. ඔබ ලියවිල්ල ගැන කතුවැකිය සිතන්නේ නම්, දර්ශන කොටුව නරඹන්නාගේ දැකීමට අවශ්ය කැන්වස් කොටසකි. පිටුවේ මුළු පරිගණක තිරය ආවරණය කළ හැකි වුවද, මුළු සංඛ්යාවෙන් තුනෙන් එකක් පමණ විය හැකිය.
Viewbox ඔබට එම තෙවන තරණය කිරීමට ඉඩදෙන්නට ඉඩ දෙන්න. අතිරේක සුදු ඉඩක් ඉවත් කරයි. රූපය වගා කිරීම සඳහා අතථ්ය ප්රවේශයක් ලෙස දර්ශන කොටුව සිතන්න.
එය නොමැතිව ඔබේ ග්රැෆික් එහි සැබෑ ප්රමාණයෙන් තුනෙන් එකක් දර්ශනය වනු ඇත.
දර්ශනීය අගයන්
පින්තූරයක් බිහි කිරීම සඳහා, පින්තූරයේ ඇති කරුණු කපා දැමීම සඳහා ඔබ විසින් නිර්මාණය කළ යුතුය. දෘශ්ය කොටුව ගුණාංගය භාවිතා කරන විට එය සත්ය වේ. දර්ශන පෙට්ටිය සඳහා අගය සැකසීම් ඇතුළත් වේ:
- minx - ආරම්භක x සමීකරණය
- මුලින් y කෝඩාරණ ආරම්භය
- පළල දර්ශනයෙහි පෙනුම
- දර්ශනයෙහි උස - උසාවිය
දර්ශන පෙට්ටිය සඳහා වන රීතිය පහත පරිදි වේ:
viewBox = "0 0 200 150"
SVG ලේඛනය සඳහා ඔබ විසින් සකස් කර ඇති පළල හා උස සහිත දර්ශන පෙට්ටියේ පළල හා උස කම්පා නොකළ යුතුය. ඔබ SVG ගොනුවක් සාදන විට, ඔබ ස්ථාපනය කරන ලද පළමු අගයන්ගෙන් එකක් වන්නේ ලියවිල්ලේ පළල සහ උස වේ. ලේඛනය කැන්වස් එකක්. දර්ශන පෙට්ටිය මුළු කැන්වස්ම හෝ එහි කොටසක් පමණක් ආවරණය කරයි.
මෙම දර්ශන පෙට්ටිය මුළු පිටුවම ආවරණය කරයි.
මෙම දර්ශන පෙට්ටිය ඉහළ දකුණු පසින් ආරම්භ වන අඩ භාගය ආවරණය කරයි.
ඔබේ හැඩය ද උස සහ පළල පැවරුම් ඇත.
එය දකුණු පස ඉහළ කෙළවරේ ඇති දර්ශන පෙට්ටිය 800 x 400 px ආවරණය වන අතර එහි පිටුවෙන් අඩක් පුළුල් වේ. හැඩය දර්ශන පෙට්ටියේ ඉහළ දකුණු කෙළවරෙහි ආරම්භ වන සෘජුකෝණාස්රයක් වම් පැත්තට 100 px සහ 50 px පහළට ගමන් කරයි.
නැරඹුම් පෙට්ටියක් සකසන්නේ ඇයි?
SVG හැඩයෙන් පමණක් හැඩයට වඩා බොහෝ දේ කරයි. සෙවණැල්ලක් සඳහා තවත් එක් මුදුවක් නිර්මාණය කළ හැකිය. එය එක් දිශාවකට නැඹුරු වන පරිදි හැඩය වෙනස් කළ හැකිය. නවීන ෆිල්ටර සඳහා, ඔබට දෘශ්ය කොටුව ගුණාංගය තේරුම් ගැනීමට සහ භාවිතා කිරීම අවශ්ය වේ.