Interface ICanvasRenderingContext2D

ICanvasRenderingContext2D interface

Die ICanvasRenderingContext2D-Schnittstelle wird zum Zeichnen von Rechtecken, Text, Bildern und anderen Objekten auf dem Canvas-Element verwendet. Es stellt den 2D-Rendering-Kontext für die Zeichenoberfläche eines Canvas-Elements bereit.

public interface ICanvasRenderingContext2D : ICanvasDrawingStyles, ICanvasPathMethods

Eigenschaften

Name	Beschreibung
Canvas { get; }	Ein schreibgeschützter Rückverweis auf das HTMLCanvasElement. Kann null sein, wenn es keinem Canvas-Element zugeordnet ist.
FillStyle { get; set; }	Farbe oder Stil zur Verwendung in Formen. Standard: (schwarz).
GlobalAlpha { get; set; }	Alphawert, der auf Formen und Bilder angewendet wird, bevor sie auf der Leinwand zusammengesetzt werden. Standard 1,0 (undurchsichtig).
GlobalCompositeOperation { get; set; }	Wenn globalAlpha angewendet wird, legt dies fest, wie Formen und Bilder auf die vorhandene Bitmap gezeichnet werden. Standard: (source-over)
ImageSmoothingEnabled { get; set; }	Bildglättungsmodus; Wenn deaktiviert, werden Bilder beim Skalieren nicht geglättet.
ShadowBlur { get; set; }	Gibt den Unschärfeeffekt an. Standard 0
ShadowColor { get; set; }	Farbe des Schattens. Standardmäßig vollständig transparentes Schwarz.
ShadowOffsetX { get; set; }	Horizontaler Abstand, um den der Schatten versetzt wird. Standard 0.
ShadowOffsetY { get; set; }	Vertikaler Abstand um den der Schatten versetzt wird. Standard 0.
StrokeStyle { get; set; }	Farbe oder Stil für die Linien um Formen. Standard: (schwarz).

Methoden

Name	Beschreibung
AddHitRegion(Dictionary<string, string>)	Fügt der Leinwand einen Trefferbereich hinzu. Dadurch können Sie die Treffererkennung vereinfachen, Ereignisse an DOM-Elemente weiterleiten und es Benutzern ermöglichen, die Zeichenfläche zu erkunden, ohne sie zu sehen.
BeginPath()	Beginnt einen neuen Pfad, indem die Liste der Unterpfade geleert wird. Rufen Sie diese Methode auf, wenn Sie einen neuen Pfad erstellen möchten.
ClearHitRegions()	Entfernt alle Trefferregionen von der Leinwand.
ClearRect(double, double, double, double)	Setzt alle Pixel im Rechteck, das durch Startpunkt (x, y) und Größe (Breite, Höhe) definiert ist, auf transparentes Schwarz und löscht alle zuvor gezeichneten Inhalte.
Clip()	Erstellt einen neuen Clipping-Bereich durch Berechnung des Schnittpunkts des aktuellen Clipping-Bereichs und des durch den Pfad beschriebenen Bereichs unter Verwendung der Windungszahlregel ungleich Null. Offene Unterpfade müssen beim Berechnen des Clipping-Bereichs implizit geschlossen werden, ohne die tatsächlichen Unterpfade zu beeinflussen . Der neue Clipping-Bereich ersetzt den aktuellen Clipping-Bereich.
Clip(CanvasFillRule)	Erstellt einen neuen Clipping-Bereich durch Berechnung des Schnittpunkts des aktuellen Clipping-Bereichs und des durch den Pfad beschriebenen Bereichs unter Verwendung der Windungszahlregel ungleich Null. Offene Teilpfade müssen bei der Berechnung des Clipping-Bereichs implizit geschlossen werden, ohne dass dies Auswirkungen auf die eigentlichen Teilpfade hat. Der neue Clipping-Bereich ersetzt den aktuellen Clipping-Bereich.
Clip(Path2D, CanvasFillRule)	Erstellt einen neuen Clipping-Bereich durch Berechnung des Schnittpunkts des aktuellen Clipping-Bereichs und des durch den Pfad beschriebenen Bereichs unter Verwendung der Windungszahlregel ungleich Null. Offene Teilpfade müssen bei der Berechnung des Clipping-Bereichs implizit geschlossen werden, ohne dass dies Auswirkungen auf die eigentlichen Teilpfade hat. Der neue Clipping-Bereich ersetzt den aktuellen Clipping-Bereich.
CreateImageData(IImageData)	Erstellt ein neues, leeres ImageData-Objekt mit den angegebenen Abmessungen. Alle Pixel im neuen Objekt sind transparent schwarz.
CreateImageData(double, double)	Erstellt ein neues, leeres ImageData-Objekt mit den angegebenen Abmessungen. Alle Pixel im neuen Objekt sind transparent schwarz.
CreateLinearGradient(double, double, double, double)	Erstellt einen linearen Farbverlauf entlang der Linie, die durch die durch die Parameter repräsentierten Koordinaten gegeben ist.
CreatePattern(HTMLCanvasElement, string)	Erstellt ein Muster unter Verwendung des angegebenen Bildes (eine CanvasImageSource). Es wiederholt die Quelle in den Richtungen, die durch das Wiederholungsargument angegeben sind.
CreatePattern(HTMLImageElement, string)	Erstellt ein Muster unter Verwendung des angegebenen Bildes (eine CanvasImageSource). Es wiederholt die Quelle in den Richtungen, die durch das Wiederholungsargument angegeben sind.
CreateRadialGradient(double, double, double, double, double, double)	Erstellt einen radialen Farbverlauf, der durch die Koordinaten der beiden durch die Parameter repräsentierten Kreise gegeben ist.
DrawFocusIfNeeded(Element)	Wenn ein bestimmtes Element fokussiert ist, zeichnet diese Methode einen Fokusring um den aktuellen Pfad.
DrawImage(HTMLCanvasElement, double, double)	Zeichnet das angegebene Bild.
DrawImage(HTMLImageElement, double, double)	Zeichnet das angegebene Bild.
DrawImage(HTMLCanvasElement, double, double, double, double)	Zeichnet das angegebene Bild.
DrawImage(HTMLImageElement, double, double, double, double)	Zeichnet das angegebene Bild.
DrawImage(HTMLCanvasElement, double, double, double, double, double, double, double, double)	Zeichnet das angegebene Bild.
DrawImage(HTMLImageElement, double, double, double, double, double, double, double, double)	Zeichnet das angegebene Bild.
Fill()	Füllt die Teilpfade mit dem aktuellen Füllstil und Standardalgorithmus CanvasFillRule.Nonzero.
Fill(CanvasFillRule)	Füllt die Unterpfade mit dem aktuellen Füllstil.
Fill(Path2D)	Füllt die Teilpfade mit dem aktuellen Füllstil und Standardalgorithmus CanvasFillRule.Nonzero.
Fill(Path2D, CanvasFillRule)	Füllt die Unterpfade mit dem aktuellen Füllstil.
FillRect(double, double, double, double)	Zeichnet ein gefülltes Rechteck an der Position (x, y), dessen Größe durch Breite und Höhe bestimmt wird.
FillText(string, double, double)	Zeichnet (füllt) einen gegebenen Text an der gegebenen (x,y) Position.
FillText(string, double, double, double)	Zeichnet (füllt) einen gegebenen Text an der gegebenen (x,y) Position.
GetImageData(double, double, double, double)	Gibt ein ImageData-Objekt zurück, das die zugrunde liegenden Pixeldaten für den Bereich der Leinwand darstellt, der durch das Rechteck gekennzeichnet ist, das bei (sx, sy) beginnt und eine sw-Breite und eine sh-Höhe hat. Diese Methode wird nicht von der Leinwandtransformationsmatrix beeinflusst.
IsPointInPath(double, double)	Gibt an, ob der angegebene Punkt im aktuellen Pfad enthalten ist oder nicht.
IsPointInPath(double, double, CanvasFillRule)	Gibt an, ob der angegebene Punkt im aktuellen Pfad enthalten ist oder nicht.
IsPointInPath(Path2D, double, double)	Gibt an, ob der angegebene Punkt im aktuellen Pfad enthalten ist oder nicht.
IsPointInPath(Path2D, double, double, CanvasFillRule)	Gibt an, ob der angegebene Punkt im aktuellen Pfad enthalten ist oder nicht.
IsPointInStroke(double, double)	Gibt an, ob sich der angegebene Punkt innerhalb des Bereichs befindet, der durch das Streichen eines Pfads eingeschlossen ist.
IsPointInStroke(Path2D, double, double)	Gibt an, ob sich der angegebene Punkt innerhalb des Bereichs befindet, der durch das Streichen eines Pfads eingeschlossen ist.
MeasureText(string)	Gibt ein TextMetrics-Objekt zurück.
PutImageData(IImageData, double, double)	Zeichnet Daten aus dem gegebenen ImageData-Objekt auf die Bitmap. Wenn ein schmutziges Rechteck bereitgestellt wird, werden nur die Pixel dieses Rechtecks gezeichnet. Diese Methode wird nicht von der Canvas-Transformationsmatrix beeinflusst.
PutImageData(IImageData, double, double, double, double, double, double)	Zeichnet Daten aus dem gegebenen ImageData-Objekt auf die Bitmap. Wenn ein schmutziges Rechteck bereitgestellt wird, werden nur die Pixel dieses Rechtecks gezeichnet. Diese Methode wird nicht von der Canvas-Transformationsmatrix beeinflusst.
RemoveHitRegion(string)	Entfernt die Trefferregion mit der angegebenen ID aus der Leinwand.
ResetTransform()	Setzt die aktuelle Transformation durch die Identitätsmatrix zurück.
Restore()	Stellt den Zeichnungsstilstatus bis zum letzten Element auf dem ‘Statusstapel’ wieder her, der durch save() gespeichert wurde.
Rotate(double)	Fügt der Transformationsmatrix eine Rotation hinzu. Das Winkelargument stellt einen Rotationswinkel im Uhrzeigersinn dar und wird in Bogenmaß ausgedrückt.
Save()	Speichert den aktuellen Status des Zeichnungsstils mithilfe eines Stapels, sodass Sie alle daran vorgenommenen Änderungen mithilfe von restore() rückgängig machen können.
Scale(double, double)	Fügt eine Skalierungstransformation zu den Canvas-Einheiten horizontal um x und vertikal um y hinzu.
SetTransform(double, double, double, double, double, double)	Setzt die aktuelle Transformation auf die Identitätsmatrix zurück und ruft dann die transform()-Methode mit denselben Argumenten auf.
Stroke()	Zeichnet die Unterpfade mit dem aktuellen Strichstil.
Stroke(Path2D)	Zeichnet die Unterpfade mit dem aktuellen Strichstil.
StrokeRect(double, double, double, double)	Zeichnet ein Rechteck mit einem Startpunkt bei (x, y) und einer Breite von w und einer Höhe von h unter Verwendung des aktuellen Strichstils auf die Leinwand.
StrokeText(string, double, double)	Zeichnet (Striche) einen gegebenen Text an der gegebenen (x, y) Position.
StrokeText(string, double, double, double?)	Zeichnet (Striche) einen gegebenen Text an der gegebenen (x, y) Position.
Transform(double, double, double, double, double, double)	Multipliziert die aktuelle Transformationsmatrix mit der durch ihre Argumente beschriebenen Matrix.
Translate(double, double)	Fügt eine Übersetzungstransformation hinzu, indem die Leinwand und ihr Ursprung x horizontal und y vertikal auf dem Raster verschoben werden.

Siehe auch

Interface ICanvasPattern Interface IImageData