Водич за веб дизајн за кориштење 'СВГ' Виевбок-а (ХТМЛ)
Виевбок је атрибут који се обично користи приликом креирања СВГ облика. Ако размишљате о документу као платну, оквир за приказ је дио платна које желите да гледаоци виде. Иако страница може покрити целокупни екран рачунара, слика може да постоји само у трећини целине.
Виевбок вам дозвољава да прикажете анализатору да зумира на тој трећини. Елиминише додатни бели простор. Замислите поље за приказ као виртуални приступ за обрезивање слике.
Без ње, ваша графика ће се појавити трећина стварне величине.
Вредности Виевбок
Да бисте исецали слику, морате направити тачке на слици да бисте направили резове. Исто важи када користите атрибут квадратића приказа. Подешавања вредности за приказно поље укључују:
- минк - почетак к координата
- мини - почетак и координата
- Ширина - ширина приказа
- висина - висина приказа
Синтакса за вриједности поља приказа је:
виевБок = "0 0 200 150"
Немојте мешати ширину и висину оквира са приказом ширине и висине коју сте поставили за СВГ документ. Када креирате СВГ датотеку, једна од првих вредности коју успоставите је ширина и висина документа. Документ је платно. Кутија за приказ може покрити целу платну или само њен део.
<свг видтх = "800" хеигхт = "400" виевБок = "0 0 800 400">
Ово поље за приказ покрива целу страницу.
<свг видтх = "800" хеигхт = "400" виевБок = "0 0 400 200">
Ово поље за приказ покрива половину странице која почиње у горњем десном углу.
Ваш облик такође има задатке висине и ширине.
<свг видтх = "800" хеигхт = "400" виевБок = "0 0 400 200">
<рецт к = "0" и = "0" видтх = "100" хеигхт = "50" />
То је документ који покрива 800 к 400 пиксела са погледом на оквир који почиње у горњем десном углу и проширује половину странице. Облик је правоугаоник који почиње у горњем десном углу оквира за приказ и помера се 100 пк лево и 50 пиксела.
Зашто поставити оквир за приказивање?
СВГ чини много више него само нацртати облик. Може да створи једну цифру на врху друге за ефект сенке. Може да трансформише облик тако да се нагиње у једном правцу. За напредне филтере, морате да разумете и користите атрибут квадратића приказа.