Class Path2D

Path2D class

Die Path2D-Schnittstelle der Canvas 2D-API wird verwendet, um Pfade zu deklarieren, die dann später auf CanvasRenderingContext2D-Objekten verwendet werden. Die Pfadmethoden der CanvasRenderingContext2D-Schnittstelle sind auch auf dieser Schnittstelle vorhanden und ermöglichen es Ihnen, -Pfade zu erstellen, die Sie beibehalten und nach Bedarf auf einer Leinwand wiedergeben können.

public class Path2D : DOMObject, ICanvasPathMethods, IDisposable

Konstrukteure

NameBeschreibung
Path2D()gibt ein neu instanziiertes Path2D-Objekt zurück
Path2D(Path2D)gibt ein neu instanziiertes Path2D-Objekt mit einem anderen Pfad als Argument zurück (erstellt eine Kopie)
Path2D(string)gibt ein neu instanziiertes Path2D-Objekt mit einer Zeichenfolge zurück, die aus SVG-Pfaddaten besteht.

Methoden

NameBeschreibung
AddPath(Path2D)Fügt dem Pfad den durch das Argument angegebenen Pfad hinzu.
AddPath(Path2D, SVGMatrix)Fügt dem Pfad den durch das Argument angegebenen Pfad hinzu.
Arc(double, double, double, double, double)Fügt dem Pfad einen Bogen hinzu, der an der Position (x, y) zentriert ist, mit Radius r, beginnend bei startAngle und endend bei endAngle, in die angegebene Richtung gegen den Uhrzeigersinn (standardmäßig im Uhrzeigersinn).
Arc(double, double, double, double, double, bool)Fügt dem Pfad einen Bogen hinzu, der an der Position (x, y) zentriert ist, mit Radius r, beginnend bei startAngle und endend bei endAngle, in die angegebene Richtung gegen den Uhrzeigersinn (standardmäßig im Uhrzeigersinn).
ArcTo(double, double, double, double, double)Fügt dem Pfad mit den angegebenen Kontrollpunkten und Radius einen Bogen hinzu, der durch eine gerade Linie mit dem vorherigen Punkt verbunden ist.
BezierCurveTo(double, double, double, double, double, double)Fügt dem Pfad eine kubische Bézier-Kurve hinzu. Es erfordert drei Punkte. Die ersten beiden Punkte sind Kontrollpunkte und der dritte ist der Endpunkt. Der Startpunkt ist der letzte Punkt im aktuellen Pfad, , der mit moveTo() geändert werden kann, bevor die Bézier-Kurve erstellt wird.
ClosePath()Bewirkt, dass sich die Stiftspitze zum Anfang des aktuellen Unterpfads zurückbewegt. Es wird versucht, eine gerade Linie vom aktuellen Punkt zum Startpunkt zu ziehen. Wenn die Form bereits geschlossen ist oder nur einen Punkt hat, macht diese Funktion nichts.
Dispose()Entledigt Objekt.
Ellipse(double, double, double, double, double, double, double)Fügt dem Pfad eine Ellipse hinzu, die an der Position (x, y) zentriert ist, mit den Radien radiusX und radiusY, beginnend bei startAngle und endend bei endAngle, in die angegebene Richtung gegen den Uhrzeigersinn (standardmäßig im Uhrzeigersinn).
Ellipse(double, double, double, double, double, double, double, bool)Fügt dem Pfad eine Ellipse hinzu, die an der Position (x, y) zentriert ist, mit den Radien radiusX und radiusY, beginnend bei startAngle und endend bei endAngle, in die angegebene Richtung gegen den Uhrzeigersinn (standardmäßig im Uhrzeigersinn).
virtual GetPlatformType()Diese Methode wird zum Abrufen des ECMAScript-Objekts verwendetType .
LineTo(double, double)Verbindet den letzten Punkt im Teilpfad mit einer geraden Linie mit den x-, y-Koordinaten.
MoveTo(double, double)Verschiebt den Startpunkt eines neuen Unterpfads zu den (x, y)-Koordinaten.
QuadraticCurveTo(double, double, double, double)Fügt dem aktuellen Pfad eine quadratische Bézier-Kurve hinzu.
Rect(double, double, double, double)Erstellt einen Pfad für ein Rechteck an Position (x, y) mit einer Größe, die durch Breite und Höhe bestimmt wird.

Siehe auch