A Guide Desain Web Kanggo Nggunakake 'SVG' Tampilan (HTML)
Kotak centang minangka atribut sing umum digunakake nalika nggawe wujud SVG . Yen sampeyan mikir babagan dokumen minangka kanvas, kothak pandang iku bagéan saka kanvas sing pengin dituduhake. Sanajan kaca bisa nutupi kabeh layar komputer, angka kasebut mung ana ing pihak katelu.
Kotak tampilan ngidini sampeyan nyritakake parser kanggo nggedhekake sing katelu. Ngilangake papan putih ekstra. Tjubo kothak tampilan minangka pendekatan virtual kanggo nampilake gambar.
Tanpa, grafis sampeyan bakal katon katelu saka ukuran sing bener.
Nilai mlebu kothak
Kanggo nugel gambar, sampeyan kudu nggawe titik ing gambar kanggo nggawe potongan. Padha bener nalika nggunakake atribut kothong ndeleng. Setelan nilai kanggo kothak mlebu kalebu:
- minx - awal x koordinat
- Miny - awal y koordinat
- width -width ing kothak mlebu
- dhuwur-wedi ing kothak mlebu
Sintaks kanggo kothak view values yaiku:
viewBox = "0 0 200 150"
Aja ngeculake jembar lan dhuwur ing kothak layar kanthi jembar lan dhuwur sing disetel kanggo dokumen SVG . Nalika sampeyan nggawe file SVG, salah sijine nilai pisanan sing didhekake yaiku jembaré lan dhuwuré document. Dokumen iku kanvas. Kotak tampilan bisa nutupi kabeh kanvas utawa mung bagean kasebut.
Kotak kothak iki nyakup kabeh kaca.
Kothak pandang iki kalebu setengah kaca sing diwiwiti ing pojok sisih ndhuwur.
Wangun sampeyan uga nduweni tugas dhuwur lan jembar.
Iku sawijining dokumen sing nyakup 800 x 400 px karo kotak cedhak sing diwiwiti ing pojok kiwa ndhuwur lan ngembangake setengah kaca. Wangun iku persegi dowo sing diwiwiti ing pojok tengen ndhuwur ing kothak pandang lan gerakan 100 px ing sisih kiwa lan 50 px mudhun.
Kenapa Setel Kotak Pandang?
SVG luwih akeh tinimbang mung ngowahi wujud. Sampeyan bisa nggawe siji tokoh ing ndhuwur liyane kanggo efek bayangan. Bisa ndandani wangun supaya bisa mlaku ing arah sing siji. Kanggo saringan sing luwih maju, sampeyan kudu ngerti lan nggunakake atribut kothak tampilan.