Experimentell: Dies ist eine experimentelle Technologie
Ãberprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
Die SVGPathElement.setPathData() Methode setzt die Sequenz der Pfadsegmente als neue Pfaddaten.
pathData
Ein Array von Pfadsegmenten. Jedes Pfadsegment ist ein Objekt mit den folgenden Eigenschaften:
type
Ein Pfadbefehl. Wenn options.normalize wahr ist, wird dies einer der absoluten Befehle sein: 'M', 'L', 'C' und 'Z'.
values
Ein Array oder Wert, der die Parameter für den entsprechenden Befehl enthält.
Keiner (undefined).
Betrachten Sie das folgende <path> Element, das ein Quadrat zeichnet:
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64">
<path d="M0,0 h64 v64 h-64 z" />
</svg>
Der untenstehende Code verwendet die Methode getPathData(), um die normalisierten Pfaddaten als absolute Befehle zurückzugeben. Das Zurücksetzen der zurückgegebenen Daten auf das <path> Element mit der setPathData() Methode führt zu einer anderen Reihe von Pfadbefehlen im DOM:
const svgPath = document.querySelector("path");
const pathData = path.getPathData({ normalize: true });
svgPath.setPathData(pathData);
// <path d="M 0 0 L 64 0 L 64 64 L 0 64 Z" />
Diese Seite wurde automatisch aus dem Englischen übersetzt.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4