Svg-alakzatok és transzformációk • a css-ről
SVG-számok és átalakítások
Nagyon könnyű írni az SVG-t. A következő ábrákat használják: rect. sokszög. kört. ellipszis. és sor. polílin és útvonal. Állítsa be a kiválasztott alakot, határozza meg annak méreteit és koordinátáit, majd adja hozzá a hátteret és a löketet.
A méretek és a koordináták különböző formákban vannak különböző módon beállítva, de a háttér és a löket mindenki számára azonosak:
kitöltés. A színt bármilyen módon beállíthatja. Az átláthatóság semmilyen vagy nem átlátható. Az alapértelmezett szín fekete; löket - a lökés színe; löketszélesség - lökethossz, az alapértelmezett érték 1. A löket nem működik.
Az alábbiakban láthat példákat az egyszerű SVG-alakzatokra és transzformációkra, amelyeket alkalmazhat rájuk.
x. y - az ábra bal felső sarkának koordinátái; szélessége. magasság - szélesség és a téglalap magassága.
A lekerekített sarkokat az rx és ry paraméterek határozzák meg. Ha csak az egyik paraméter van megadva, akkor a függőleges és vízszintes filet ugyanaz lesz:
Ha mindkét paramétert megadják (és még mindig különböznek egymástól), akkor a kerekítés sugara más lesz:
A pontokban x, y az ábrán lévő csúcsok koordinátái, egy téren keresztül.
a poligon önmagában zár, az utolsó pont elhagyható.
r a kör sugara; cx. cy a kör középpontjának koordinátái.
rx. ry - az ellipszis vízszintes és függőleges sugarai; cx. cy az ellipszis középpontjának koordinátái.
Bonyolultabb alakzatok egyszerű kombinációból készülhetnek:
Ebben az esetben a számok stílusa egyszer beállítható az egész csoportra, és nem külön-külön minden egyes számra:
Egyszerű sorokkal is rajzolhat.
x1. y1. x2. y2 - a vonal elejének és végének koordinátái.
A pontokban x, y a pontok koordinátái, minden pont tér.
Az összetettebb vonalak és alakzatok esetében van egy útvonalcímke. de ezt a témát külön kell vizsgálni.
Az SVG alakzatokat az átalakító tulajdonság segítségével lehet módosítani.
Lehetséges értékek: lefordítás. skála. forgatni. skewX. skewY. mátrix.
Több transzformációt is megadhat, vesszővel vagy szóközökkel elválasztva.
lefordít (tx [ty])
Ha a második paraméter nincs megadva, akkor 0.