Вэб Кіраўніцтва па праектаванні Выкарыстанне «SVG» Viewbox (HTML)
Viewbox з'яўляецца атрыбутам , звычайна выкарыстоўваецца пры стварэнні SVG формаў. Калі вы думаеце пра дакумент у якасці палатна, выгляд скрынкі з'яўляецца часткай палатна вы хочаце гледачу ўбачыць. Нават калі старонка можа ахопліваць увесь экран кампутара, гэтая лічба можа існаваць толькі ў адной траціны цэлага.
Viewbox дазваляе сказаць парсер павялічыць гэтую траціну. Гэта ліквідуе лішнія прабелы. Падумайце выгляд скрынкі ў якасці віртуальнага падыходу абрэзаць малюнак.
Без яго, ваш графічны з'явіцца трэцяя частка яго фактычнага памеру.
Viewbox Значэнні
Для таго, каб абрэзаць малюнак, вы павінны стварыць кропкі на малюнку, каб зрабіць разрэзы. Тое ж самае справядліва пры выкарыстанні атрыбуту выгляду акна. Налады значэння для ViewBox ўключаюць:
- Minx -The пачатак каардынатаў х
- Miny -The пачатку каардынаты
- Шырыня -width ў ViewBox
- вышыня -высота ад ViewBox
Сінтаксіс для значэнняў выгляду скрынкі з'яўляецца:
Viewbox = "0 0 200 150"
Ня варта блытаць шырыню і вышыню акна прагляду з шырынёй і вышынёй, усталяванай для SVG дакумента. Пры стварэнні файла SVG, адзін з першых значэнняў, якія ўстанаўліваюць шырыня і вышыня дакумента. Дакумент уяўляе сабой палатно. Скрынка выгляду можа пакрыць увесь палатно або толькі яго частка.
<Шырыня = SVG "800" вышыня = "400" Viewbox = "0 0 800 400">
Гэты выгляд скрынкі ахоплівае ўсю старонку.
<Шырыня = SVG "800" вышыня = "400" Viewbox = "0 0 400 200">
Гэты выгляд вечка скрынкі палову стартавай старонкі ў верхнім правым куце.
Ваша форма таксама мае шырыню і вышыню задання.
<Шырыня = SVG "800" вышыня = "400" Viewbox = "0 0 400 200">
Гэта дакумент, які ахоплівае 800 х 400 кропак з ViewBox, якая пачынаецца ў верхнім правым куце і пашырае палову старонкі. Форма ўяўляе сабой прастакутнік, які пачынаецца ў верхнім правым куце акна прагляду і перамяшчае 100 кропак налева і 50 кропак ўніз.
Чаму Усталяваць Viewbox?
SVG робіць значна больш, чым проста намаляваць фігуру. Гэта можа стварыць адну фігуру па-над іншым для эфекту цені. Гэта можа пераўтварыць форму так, каб яна нахіляецца ў адным кірунку. Для прасунутых фільтраў, вы павінны разумець і выкарыстоўваць атрыбут выгляду акна.