Interface ICanvasRenderingContext2D

ICanvasRenderingContext2D interface

L’interface ICanvasRenderingContext2D est utilisée pour dessiner des rectangles, du texte, des images et d’autres objets sur l’élément canvas. Il fournit le contexte de rendu 2D pour la surface de dessin d’un élément canvas.

public interface ICanvasRenderingContext2D : ICanvasDrawingStyles, ICanvasPathMethods

Propriétés

NomLa description
Canvas { get; }Une référence arrière en lecture seule à HTMLCanvasElement. Peut être null s’il n’est pas associé à un élément canvas.
FillStyle { get; set; }Couleur ou style à utiliser à l’intérieur des formes. Par défaut : (noir).
GlobalAlpha { get; set; }Valeur alpha appliquée aux formes et aux images avant qu’elles ne soient composées sur le canevas. Par défaut 1.0 (opaque).
GlobalCompositeOperation { get; set; }Avec globalAlpha appliqué, cela définit la manière dont les formes et les images sont dessinées sur le bitmap existant. Par défaut : (sur la source)
ImageSmoothingEnabled { get; set; }Mode de lissage d’image ; si désactivé, les images ne seront pas lissées si elles sont mises à l’échelle.
ShadowBlur { get; set; }Spécifie l’effet de flou. Par défaut 0
ShadowColor { get; set; }Couleur de l’ombre. Noir entièrement transparent par défaut.
ShadowOffsetX { get; set; }Distance horizontale à laquelle l’ombre sera décalée. Par défaut 0.
ShadowOffsetY { get; set; }Distance verticale à laquelle l’ombre sera décalée. Par défaut 0.
StrokeStyle { get; set; }Couleur ou style à utiliser pour les lignes autour des formes. Par défaut : (noir).

Méthodes

NomLa description
AddHitRegion(Dictionary<string, string>)Ajoute une région d’accès au canevas. Cela vous permet de faciliter la détection des hits, vous permet d’acheminer des événements vers des éléments DOM, et permet aux utilisateurs d’explorer le canevas sans le voir.
BeginPath()Commence un nouveau chemin en vidant la liste des sous-chemins. Appelez cette méthode lorsque vous souhaitez créer un nouveau chemin.
ClearHitRegions()Supprime toutes les régions touchées du canevas.
ClearRect(double, double, double, double)Définit tous les pixels du rectangle défini par le point de départ (x, y) et la taille (largeur, hauteur) en noir transparent, effaçant tout contenu précédemment dessiné.
Clip()Crée une nouvelle région de découpage en calculant l’intersection de la région de découpage actuelle et de la zone décrite par le chemin, en utilisant la règle du nombre d’enroulement non nul. Les sous-chemins ouverts doivent être implicitement fermés lors du calcul de la région de découpage, sans affecter les sous-chemins réels . La nouvelle région de découpage remplace la région de découpage actuelle.
Clip(CanvasFillRule)Crée une nouvelle région de découpage en calculant l’intersection de la région de découpage actuelle et de la zone décrite par le chemin, en utilisant la règle du numéro d’enroulement non nul. Les sous-chemins ouverts doivent être implicitement fermés lors du calcul de la région de découpage, sans affecter les sous-chemins réels. La nouvelle région de découpage remplace la région de découpage actuelle.
Clip(Path2D, CanvasFillRule)Crée une nouvelle région de découpage en calculant l’intersection de la région de découpage actuelle et de la zone décrite par le chemin, en utilisant la règle du numéro d’enroulement non nul. Les sous-chemins ouverts doivent être implicitement fermés lors du calcul de la région de découpage, sans affecter les sous-chemins réels. La nouvelle région de découpage remplace la région de découpage actuelle.
CreateImageData(IImageData)Crée un nouvel objet ImageData vide avec les dimensions spécifiées. Tous les pixels du nouvel objet sont en noir transparent.
CreateImageData(double, double)Crée un nouvel objet ImageData vide avec les dimensions spécifiées. Tous les pixels du nouvel objet sont en noir transparent.
CreateLinearGradient(double, double, double, double)Crée un dégradé linéaire le long de la ligne donnée par les coordonnées représentées par les paramètres.
CreatePattern(HTMLCanvasElement, string)Crée un motif à l’aide de l’image spécifiée (un CanvasImageSource). Il répète la source dans les directions spécifiées par l’argument de répétition.
CreatePattern(HTMLImageElement, string)Crée un motif à l’aide de l’image spécifiée (un CanvasImageSource). Il répète la source dans les directions spécifiées par l’argument de répétition.
CreateRadialGradient(double, double, double, double, double, double)Crée un gradient radial donné par les coordonnées des deux cercles représentés par les paramètres.
DrawFocusIfNeeded(Element)Si un élément donné est focalisé, cette méthode dessine un anneau de focus autour du chemin actuel.
DrawImage(HTMLCanvasElement, double, double)Dessine l’image spécifiée.
DrawImage(HTMLImageElement, double, double)Dessine l’image spécifiée.
DrawImage(HTMLCanvasElement, double, double, double, double)Dessine l’image spécifiée.
DrawImage(HTMLImageElement, double, double, double, double)Dessine l’image spécifiée.
DrawImage(HTMLCanvasElement, double, double, double, double, double, double, double, double)Dessine l’image spécifiée.
DrawImage(HTMLImageElement, double, double, double, double, double, double, double, double)Dessine l’image spécifiée.
Fill()Remplit les sous-chemins avec le style de remplissage actuel et l’algorithme par défaut CanvasFillRule.Nonzero.
Fill(CanvasFillRule)Remplit les sous-chemins avec le style de remplissage actuel.
Fill(Path2D)Remplit les sous-chemins avec le style de remplissage actuel et l’algorithme par défaut CanvasFillRule.Nonzero.
Fill(Path2D, CanvasFillRule)Remplit les sous-chemins avec le style de remplissage actuel.
FillRect(double, double, double, double)Dessine un rectangle rempli à la position (x, y) dont la taille est déterminée par la largeur et la hauteur.
FillText(string, double, double)Dessine (remplit) un texte donné à la position (x,y) donnée.
FillText(string, double, double, double)Dessine (remplit) un texte donné à la position (x,y) donnée.
GetImageData(double, double, double, double)Renvoie un objet ImageData représentant les données de pixel sous-jacentes pour la zone du canevas désignée par le rectangle qui commence à (sx, sy) et a une largeur sw et une hauteur sh. Cette méthode n’est pas affectée par la matrice de transformation du canevas.
IsPointInPath(double, double)Indique si le point spécifié est contenu ou non dans le chemin actuel.
IsPointInPath(double, double, CanvasFillRule)Indique si le point spécifié est contenu ou non dans le chemin actuel.
IsPointInPath(Path2D, double, double)Indique si le point spécifié est contenu ou non dans le chemin actuel.
IsPointInPath(Path2D, double, double, CanvasFillRule)Indique si le point spécifié est contenu ou non dans le chemin actuel.
IsPointInStroke(double, double)Indique si le point spécifié se trouve ou non à l’intérieur de la zone contenue par le tracé d’un chemin.
IsPointInStroke(Path2D, double, double)Indique si le point spécifié se trouve ou non à l’intérieur de la zone contenue par le tracé d’un chemin.
MeasureText(string)Renvoie un objet TextMetrics.
PutImageData(IImageData, double, double)Peint les données de l’objet ImageData donné sur le bitmap. Si un rectangle sale est fourni, seuls les pixels de ce rectangle sont peints. Cette méthode n’est pas affectée par la matrice de transformation du canevas.
PutImageData(IImageData, double, double, double, double, double, double)Peint les données de l’objet ImageData donné sur le bitmap. Si un rectangle sale est fourni, seuls les pixels de ce rectangle sont peints. Cette méthode n’est pas affectée par la matrice de transformation du canevas.
RemoveHitRegion(string)Supprime la région touchée avec l’identifiant spécifié du canevas.
ResetTransform()Réinitialise la transformation actuelle par la matrice d’identité.
Restore()Restaure l’état du style de dessin au dernier élément de la “pile d’état” enregistrée par save().
Rotate(double)Ajoute une rotation à la matrice de transformation. L’argument angle représente un angle de rotation dans le sens des aiguilles d’une montre et est exprimé en radians.
Save()Enregistre l’état actuel du style de dessin à l’aide d’une pile afin que vous puissiez annuler toute modification que vous y apportez à l’aide de restore().
Scale(double, double)Ajoute une transformation de mise à l’échelle aux unités de canevas par x horizontalement et par y verticalement.
SetTransform(double, double, double, double, double, double)Réinitialise la transformation actuelle à la matrice d’identité, puis appelle la méthode transform() avec les mêmes arguments.
Stroke()Trait les sous-chemins avec le style de trait actuel.
Stroke(Path2D)Trait les sous-chemins avec le style de trait actuel.
StrokeRect(double, double, double, double)Peint un rectangle qui a un point de départ à (x, y) et a une largeur aw et une hauteur h sur le canevas, en utilisant le style de trait actuel.
StrokeText(string, double, double)Dessine (traite) un texte donné à la position (x, y) donnée.
StrokeText(string, double, double, double?)Dessine (traite) un texte donné à la position (x, y) donnée.
Transform(double, double, double, double, double, double)Multiplie la matrice de transformation courante par la matrice décrite par ses arguments.
Translate(double, double)Ajoute une transformation de translation en déplaçant le canevas et son origine x horizontalement et y verticalement sur la grille.

Voir également