Hoe't jo it Viewbox attribút yn SVG ynsteld hawwe

In web-ûntwerphannel foar 'SVG' -behearder (HTML) brûke

ViewBox is in attribút dy't faak brûkt wurdt by it meitsjen fan SVGfoarmen. As jo ​​tinke oan it dokumint as canvas, is it werjaak in diel fan 'e kevas dat jo de besiker sjen wolle. Alhoewol't de side de folsleine kompjûterskerm behannele kin, kin de sifer allinich yn in tredde fan it gehiel bestean.

Viewbox jout jo de parser te fertellen om dizze tredde te fergrutsjen. It elemint de ekstra wite romte. Tink derom om it fak te sjen as in firtuele oanpak om in byld te beskriuwen.

Sûnder jo sil dyn grafyk in tredde fan har feitlike grutte ferskine.

Viewboekwearden

Om in byld te bewurkjen moatte jo punten op 'e foto meitsje om de besunigingen te meitsjen. Itselde is wier as it brûken fan it werjaan fan werjeftefak. De wearde-ynstellings foar werjefte-fakje binne:

De syntaksis foar werjefte-fêste wearden is:

viewBox = "0 0 200 150"

Ferwiderje net de breedte en hichte fan it werjaak mei de breedte en hichte dyst foar it SVG- dokumint setst. As jo ​​in SVG-triem oanmeitsje, is ien fan 'e earste wearden dy jo ynstelle, is de dokumintbreedte en hichte. It dokumint is in leine. It sichtpanel kin it hiele leien of in gewoan part fan it dekke.

Dit werjefte-fjild befet de hiele side.

Dit werjefte-fekje hellet de helte fan 'e side te begjinnen yn' e boppeste rjochtshoeke.

Jo foarm hat ek hichte- en breedte-opdrachten.


It is in dokumint dat 800 x 400 px behannelet mei in sichtbox dat begjint yn 'e boppeste rjochte hoeke en ferheget de helte fan' e side. De foarm is in rjochthoek dat begjint yn 'e boppeste rjochterhoeke fan' e werjeftefjild en ferpleatst 100 px nei links en 50 px nei ûnderen.

Wêrom in ViewBox ynstelle?

SVG docht folle mear as just in foarm tekenje. It kin in figuer boppe oan it oare meitsje foar in skaad-effekt. It kin in foarm feroarje, sadat it yn ien rjochting giet. Foar de ferhege filters moatte jo it attribút werjaan fan 'e werjeftekast te begripen en te brûken.