Udforsk de spændende nye funktioner i SVG 2
SVG 2 tilbyder mange forbedringer, lige fra interoperabilitetsafklaringer til brugervenlige forenklinger til nye funktioner. I denne artikel gennemgår jeg nogle af de vigtigste ændringer, du skal være opmærksom på.
Fejlrettelser
Først og fremmest, baseret på dine rapporter om gengivelses- og præstationssmertepunkter, inkluderer SVG 2 snesevis af fejlrettelser til ting, der ikke fungerede på tværs af forskellige browsere - for eksempel omdanner SVG-rod og størrelse af SVG i HTML. Disse rettelser er ikke spændende, men de gør konsekvent forfatterskab meget lettere.
Og når vi taler om at gøre SVG lettere at bruge, har vi harmoniseret funktioner med CSS og HTML - som at fjerne XLink navneområde på links (god riddance!) og indlæsning af eksterne stilark med en element - og parret SVG ned til det væsentlige. Vi har også tilføjet CSS z-indeks samt automatisk tekstindpakning ved hjælp af velkendt CSS-syntaks. Ikke mere kedelig manuel tekstlayout.
- Sådan implementeres SVG-ikoner
Men game-changer er, at de fleste af SVGs geometriske attributter - ligesom x , Y , r (radius) og d (stibeskrivelsen) er nu forfremmet til CSS-egenskaber. Dette betyder, at du kan definere og animere dine SVG-figurer i CSS. Til integration med HTML definerer SVG 2 nye sikkerheds-, fortroligheds- og interaktivitetstilstande, og vi importerer , , og