Hvordan endre fargen på et SVG -element?

Skalerbar vektorgrafikk, noen ganger kjent som SVG, er et todimensjonalt vektorbildeformat som kan brukes til å generere animasjoner. Et SVG -element er en beholder som spesifiserer et nytt koordinatsystem. Dessuten spesifiserer XML -format SVG -dokumentet.

SVG er ansvarlig for å gjøre nettleseranimasjoner mer tilgjengelige og nyttige i den moderne verden. 2D -spill kan opprettes i et HTML -dokument ved hjelp av en SVG -fil. Det gir flere måter å lage stier, sirkler, rektangler og andre former. Mer spesifikt tilbyr det hendelsesstyring i dokumentet og er oppløsningsuavhengig.

Dette innlegget vil forklare metoden for å endre fargen på et SVG -element.

Hvordan endre/endre fargen på et SVG -element?

For å endre fargen på et SVG -element, legg til "”Element og definerer deretter banen ved hjelp av“”Element. Deretter får du tilgang til disse elementene i CSS og bruk "fylle”Eiendom, og sett”vise”.

For praktisk, følg de gitte instruksjonene nedenfor.

Trinn 1: Sett inn “” -elementet

Sett inn “”Element og legg til følgende attributter i“”Åpningsmerke:

• “Viewbox" er en "svg”Eiendom som brukes til å skalere SVG -elementet for å stille inn koordinatene så vel som bredde og høyde.
• “XML: plass”Brukes på et element med verdien”bevare”, Mennesket i det elementets innhold må beholdes som det er ved applikasjonen som behandler det.
• “bredde ”og“ høyde”Egenskaper setter størrelsen på elementet i HTML.
• “Aktiver-Background”Bestemmer akkumulering av bakgrunnsbildet som administreres.

Trinn 2: Legg til sti

Sett inn “”Element. Spesifiser deretter de nedenfor-listede attributtene:

• “id”Attributt brukes til å identifisere det aktuelle elementet unikt. For å gjøre det settes verdien av ID -attributtet som "ikon”
• “d”Definerer en bane som skal trekkes: