Fedezze fel az SVG 2 izgalmas új funkcióit

Az SVG 2 számos fejlesztést kínál, az interoperabilitás pontosításától kezdve az egyszerű használat egyszerűsítésén át az új funkciókig. Ebben a cikkben áttekintem azokat a legfontosabb változásokat, amelyekkel tisztában kell lennie.

Hibajavítások

Először is, a megjelenítésről és a teljesítmény fájdalmairól szóló jelentések alapján az SVG 2 tucatnyi hibajavítást tartalmaz azokra a dolgokra, amelyek a különböző böngészőkben nem működtek ugyanúgy - például átalakítások az SVG gyökéren és az SVG méretezése HTML-ben. Ezek a javítások nem izgalmasak, de sokkal könnyebbé teszik a következetes írást.

És az SVG használatának megkönnyítéséről szólva harmonizáltuk a szolgáltatásokat a CSS-sel és a HTML-lel - például az XLink névtér a linkeken (jó riddance!) és külső stíluslapok betöltése a-val elem - és lebontotta az SVG-t a lényegre. Emellett felvettük a CSS-t z-index , valamint az automatikus szövegcsomagolás, a megszokott CSS-szintaxis használatával. Nincs több unalmas kézi szövegelrendezés.



  • Az SVG ikonok megvalósítása

De a játékváltó az, hogy az SVG legtöbb geometriai attribútuma - például x , Y , r (sugár) és d (az út leírása) mostanra CSS tulajdonságokba kerültek. Ez azt jelenti, hogy meghatározhatja és animálhatja az SVG alakjait a CSS-ben. A HTML-be való integráláshoz az SVG 2 új biztonsági, adatvédelmi és interaktivitási módokat határoz meg, és mi importáljuk a , , és