Zugriff auf SVG-Elemente aus Illustrator über JavaScript
Einige Designer ziehen es vor, SVG-Dateien in Illustrator für die spätere Bearbeitung mit JavaScript zu erstellen. Dies warf die Frage auf, ob es möglich ist, mit JavaScript auf bestimmte Elemente in solchen SVGs zuzugreifen.
Das angegebene Code-Snippet stellte ein von Illustrator generiertes SVG mit durch IDs identifizierten Elementen und einer einfachen HTML-Seite dar. Es stellten sich zwei Fragen:
Antwort:
Ist das möglich?
Ja, es ist durchaus möglich, direkt aus auf in Illustrator erstellte SVG-Elemente zuzugreifen JavaScript, ohne dass zusätzliche Bibliotheken erforderlich sind.
Technik:
Der folgende Code zeigt einen grundlegenden Ansatz, der funktioniert:
<!DOCTYPE html>
<html>
<head>
<title>SVG Illustrator Test</title>
</head>
<body>
<object data="alpha.svg" type="image/svg+xml">Schlüssel Punkte:
Hinweis: Um dieses HTML ordnungsgemäß auszuführen, muss es sein aufgrund der Same-Origin-Richtlinienbeschränkung auf einem Webserver wie IIS oder Tomcat gehostet.
Das obige ist der detaillierte Inhalt vonKönnen Sie mit JavaScript direkt auf in Illustrator erstellte SVG-Elemente zugreifen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
