راهنمای استفاده از وب سایت با استفاده از 'SVG' Viewbox (HTML)
دیدگاه ها یک ویژگی است که معمولا هنگام ایجاد فرم های SVG استفاده می شود. اگر از سند به عنوان یک بوم فکر می کنید، کادر نمایش بخشی از بوم است که می خواهید بیننده را مشاهده کنید. حتی اگر صفحه ممکن است تمام صفحه کامپیوتر را پوشش دهد، این رقم ممکن است تنها در یک سوم از کل وجود داشته باشد.
صندوق ورودی اجازه می دهد تا به تجزیه کننده بگویید که آن سوم را بزرگ کند. این فضای اضافی سفید را از بین می برد. به نظر کادر جعبه به عنوان یک رویکرد مجازی برای برداشت یک تصویر.
بدون آن، گرافیک شما یک سوم از اندازه واقعی آن ظاهر خواهد شد.
مقادیر نمایه
برای برش یک تصویر، شما باید نقاط را بر روی تصویر ایجاد کنید تا برش ها را انجام دهید. درست است که با استفاده از ویژگی جعبه نمایش، درست است. تنظیمات ارزش برای کادر دید عبارتند از:
- minx-آغاز x مختصات
- مینی - آغاز هماهنگی Y
- عرض عرض عرض جعبه
- ارتفاع بالا پنجره viewbox
نحو نمایش مقادیر جعبه:
viewBox = "0 200 150"
عرض و ارتفاع جعبه نمایش را با عرض و ارتفاع که برای سند SVG تعیین کرده اید اشتباه نگیرید. هنگامی که شما یک فایل SVG ایجاد می کنید، یکی از اولین مقادیری که ایجاد می کنید عرض و ارتفاع سند است. سند یک بوم است جعبه نمایش می تواند تمام بوم را پوشش دهد و یا فقط بخشی از آن را پوشش دهد.
این کادر نمایش تمام صفحه را پوشش می دهد.
این جعبه نمایش نیمی از صفحه را در گوشه بالا سمت راست قرار می دهد.
شکل شما همچنین دارای وظایف ارتفاع و عرض است.
این یک سند است که 800x400 پیکسل با یک دیدگاه که در گوشه سمت راست بالا شروع می شود و نصف صفحه را گسترش می دهد را پوشش می دهد. شکل یک مستطیل است که در گوشه سمت راست بالای جعبه نمایش آغاز می شود و 100 پیکسل به سمت چپ و 50 پیکسل پایین حرکت می کند.
چرا یک صندوق ورودی قرار دارد؟
SVG خیلی بیشتر از یک شکل است. برای یک اثر سایه می تواند یک رقم را در بالای دیگری ایجاد کند. این می تواند شکل را تغییر دهد به طوری که در یک جهت حرکت کند. برای فیلترهای پیشرفته، شما باید از ویژگی نمایش جعبه استفاده کنید.