A Web Design Guide to Maké 'SVG' Viewbox (HTML)
Viewbox mangrupa atribut ilahar dipaké nalika nyieun SVG wangun. Lamun pikir tina dokumen sakumaha kanvas a, pintonan kotak mangrupa bagian tina kanvas rék panuduh ningali. Sanajan kaca bisa nutupan sakabéh layar komputer, inohong hijina bisa aya dina katilu kuma.
Viewbox ngidinan Anjeun pikeun ngabejaan parser ka ngazum gede dina katilu éta. Ieu eliminates rohangan bodas tambahan. Pikir of view kotak salaku pendekatan maya pikeun motong hiji gambar.
Tanpa éta, grafis anjeun bakal muncul nu katilu ukuran sabenerna.
Nilai Viewbox
Pikeun motong hiji gambar, Anjeun kudu nyieun titik dina gambar nu nyieun éta motong. Sami bener lamun ngagunakeun atribut view kotak. Setélan nilai keur viewbox ngawengku:
- minx awal -the x koordinat
- miny -the awal y koordinat
- -width rubak viewbox nu
- jangkungna -height of viewbox nu
The rumpaka keur nilai view kotak téh:
viewBox = "0 0 200 150"
Ulah galau lebar tur jangkungna pintonan kotak kalayan rubak sarta jangkungna geus disetel pikeun SVG dokumen. Lamun anjeun nyieun hiji file SVG, salah sahiji nilai mimiti Anjeun netepkeun teh lebar dokumen jeung jangkungna. dokumen nu aya kanvas a. Panempoan kotak bisa nutupan sakabéh kanvas atawa ngan nyangkokkeun sabagian eta.
view kotak Ieu nyertakeun sakabéh kaca.
view kotak Ieu nyertakeun satengah awal Kaca di pojok-leungeun katuhu luhur.
bentukna Anjeun ogé boga jangkungna jeung lebar assignments.
Ieu mangrupakeun dokumen anu nyertakeun 800 x 400 px ku viewbox anu dimimitian di pojok-leungeun katuhu luhur jeung expands satengah kaca. bentukna mangrupa sagi opat anu dimimitian di pojok katuhu-leungeun luhur pintonan kotak sarta ngalir 100 px ka kénca jeung 50 px handap.
Naha Setel Viewbox?
SVG teu leuwih ti ngan narik bentukna hiji. Ieu bisa nyieun hiji inohong dina luhureun sejen pikeun éfék kalangkang. Bisa transformasi wangun hiji meh tilts dina hiji arah. Pikeun saringan canggih, anjeun bakal kedah ngartos tur nganggo atribut view kotak.