So ändern Sie die Farbe eines SVG -Elements?

Skalierbare Vektorgrafiken, die manchmal als SVG bezeichnet werden. Ein SVG -Element ist ein Container, der ein neues Koordinatensystem angibt. Darüber hinaus gibt das XML -Format das SVG -Dokument an.

SVG ist dafür verantwortlich, Browseranimationen in der modernen Welt zugänglicher und nützlicher zu machen. 2D -Spiele können in einem HTML -Dokument mit einer SVG -Datei erstellt werden. Es bietet verschiedene Möglichkeiten, Wege, Kreise, Rechtecke und andere Formen zu erstellen. Insbesondere bietet es Eventmanagement im Dokument und ist eine Lösung unabhängig.

Dieser Beitrag erklärt die Methode zum Ändern der Farbe eines SVG -Elements.

So ändern/modifizieren Sie die Farbe eines SVG -Elements?

Um die Farbe eines SVG -Elements zu ändern, fügen Sie das "hinzu"Element und dann den Pfad mit Hilfe des “definieren“" Element. Greifen Sie dann in CSS auf diese Elemente zu und wenden Sie die “anfüllen”Eigenschaft und festgelegt“Anzeige”.

Befolgen Sie die folgenden Anweisungen zur Praktikabilität.

Schritt 1: Einfügen von „“ Element einfügen

Einlegen Sie die “Element und fügen Sie die folgenden Attribute in die "hinzu"”Eröffnungs -Tag:

• “Viewbox" ist ein "SvgEigenschaft, die zum Skalieren des SVG -Elements verwendet wird, um die Koordinaten sowie Breite und Höhe festzulegen.
• “XML: Raum"Wird auf ein Element mit dem Wert angewendet"bewahren”, Die Whitespace in dem Inhalt dieses Elements muss ebenso wie durch die Anwendung beibehalten werden, die es verarbeitet.
• “Breite und HöheEigenschaften setzen die Größe des Elements in HTML.
• “Background aktivierenBestimmt die Ansammlung des verwalteten Hintergrundbildes.

Schritt 2: Pfad hinzufügen

Einlegen Sie die “" Element. Geben Sie dann die folgenden Attribute an:

• Der "AusweisDas Attribut wird verwendet, um das jeweilige Element eindeutig zu identifizieren. Dazu wird der Wert des ID -Attributs als "festgelegt" festgelegt "Symbol”
• “D”Definiert einen Pfad, der gezogen wird: