Кантип SVG-жылы Viewbox сыпатын түшүнүүгө

Колдонуу үчүн Дизайн колдонмо "SVG" Viewbox (HTML)

Viewbox түзүүдө бир сыпат, негизинен, колдонулган SVG калыпты. Эгер кенеп, ошондой эле документтин деп келсе, мазмунун кутучада көрүүчү көргүсү келген кенеп бир бөлүгү болуп саналат. барак бүт экранды каптайт да, көрсөткүч жалпы үчтөн бир бөлүгү болушу мүмкүн.

Viewbox ошол үчүнчү күнү кичирейтүү үчүн талдагычты айтып берет. Бул кошумча боштук жок. сүрөттү болуу үчүн жасалма мамиле катары кутучага жөнүндө ойлонуп көрөлү.

Ансыз да, көркөм, анын иш жүзүндөгү өлчөмү үчүнчү пайда болот.

Viewbox баалары

сүрөттү болуу үчүн, кыскартууну сүрөттө пункттарын ачуу керек. мазмунун кутуча касиетти пайдалануу тууралуу да ушуну айтууга болот. viewbox маани орнотуулары камтыйт:

мазмунун кутуча баалуулуктар үчүн синтаксиси:

viewBox = "0 0 200 150"

Эгер коюлган, туурасы жана бийиктиги менен мазмунун кутунун туурасы, бийиктиги менен айырмаланат? SVG документ. Эгер SVG сааты түзүп, сиз түзүүгө биринчи баалуулуктарынын бири Документти туурасы, бийиктиги болот. документ холст болуп саналат. мазмунун талаа бүт объект же анын бир бөлүгүн жабууга болот.

Бул көз-караш менен кутуча толугу менен баракты камтыйт.

Бул көз-караш менен кутуча жогорку оң-бурчунда жарым барак башталгандыгын камтыйт.

Рапортунун да, бийиктиги, туурасы тапшырмаларды бар.


<Жазылгандарды х = "0" ж = "0" туурасы = "100" бийиктик = "50" />

Ал жогорку оң-бурчунда башталат жана беттин жарымын күчөтүп турган viewbox менен 800 х 400 PX камтыйт бир документ болуп саналат. түрүндөгү көрүнүшү кутунун жогорку оң-бурчунда башталат бурчтукка сол 100 PX түрткү берет жана 50 PX түшүп.

бир Viewbox эмне болот?

SVG эле өзгөрөт алганы менен эле чектелбейт. Бул көмүскө таасири биринин үстүнө бирин сүрөттү түзө аласыз. Ал бир багытта алганда ушунчалык бир өзгөрөт мүмкүн. өнүккөн чыпкалар үчүн, түшүнүү жана мазмунун кутуча касиетти пайдалануу керек.