Interface ICanvasRenderingContext2D

ICanvasRenderingContext2D interface

L’interfaccia ICanvasRenderingContext2D viene utilizzata per disegnare rettangoli, testo, immagini e altri oggetti sull’elemento canvas. Fornisce il contesto di rendering 2D per la superficie di disegno di un elemento canvas.

public interface ICanvasRenderingContext2D : ICanvasDrawingStyles, ICanvasPathMethods

Proprietà

NomeDescrizione
Canvas { get; }Un riferimento a ritroso di sola lettura a HTMLCanvasElement. Potrebbe essere null se non è associato a un elemento canvas.
FillStyle { get; set; }Colore o stile da utilizzare all’interno delle forme. Predefinito: (nero).
GlobalAlpha { get; set; }Valore alfa applicato a forme e immagini prima che vengano composte nell’area di disegno. Predefinito 1.0 (opaco).
GlobalCompositeOperation { get; set; }Con globalAlpha applicato, imposta il modo in cui le forme e le immagini vengono disegnate sulla bitmap esistente. Predefinito: (source-over)
ImageSmoothingEnabled { get; set; }Modalità levigatura immagine; se disabilitato, le immagini non verranno uniformate se ridimensionate.
ShadowBlur { get; set; }Specifica l’effetto di sfocatura. Predefinito 0
ShadowColor { get; set; }Colore dell’ombra. Predefinito nero completamente trasparente.
ShadowOffsetX { get; set; }Distanza orizzontale in cui l’ombra verrà sfalsata. Predefinito 0.
ShadowOffsetY { get; set; }Distanza verticale in cui l’ombra verrà sfalsata. Predefinito 0.
StrokeStyle { get; set; }Colore o stile da utilizzare per le linee attorno alle forme. Predefinito: (nero).

Metodi

NomeDescrizione
AddHitRegion(Dictionary<string, string>)Aggiunge un’area attiva all’area di disegno. Ciò ti consente di semplificare il rilevamento dei colpi, ti consente di indirizzare gli eventi agli elementi DOM, e consente agli utenti di esplorare la tela senza vederla.
BeginPath()Inizia un nuovo percorso svuotando l’elenco dei sottopercorsi. Chiama questo metodo quando vuoi creare un nuovo percorso.
ClearHitRegions()Rimuove tutte le aree interessate dall’area di disegno.
ClearRect(double, double, double, double)Imposta tutti i pixel nel rettangolo definito dal punto iniziale (x, y) e dalle dimensioni (larghezza, altezza) su nero trasparente, cancellando qualsiasi contenuto precedentemente disegnato.
Clip()Crea una nuova area di ritaglio calcolando l’intersezione dell’area di ritaglio corrente e dell’area descritta dal tracciato, utilizzando la regola del numero di avvolgimento diverso da zero. I sottotracciati aperti devono essere implicitamente chiusi durante il calcolo dell’area di ritaglio, senza influire sui sottotracciati effettivi . La nuova area di ritaglio sostituisce l’attuale area di ritaglio.
Clip(CanvasFillRule)Crea una nuova area di ritaglio calcolando l’intersezione dell’area di ritaglio corrente e dell’area descritta dal percorso, utilizzando la regola del numero di avvolgimento diverso da zero. I sottotracciati aperti devono essere chiusi implicitamente durante il calcolo dell’area di ritaglio, senza influire sui sottotracciati effettivi. La nuova area di ritaglio sostituisce l’attuale area di ritaglio.
Clip(Path2D, CanvasFillRule)Crea una nuova area di ritaglio calcolando l’intersezione dell’area di ritaglio corrente e dell’area descritta dal percorso, utilizzando la regola del numero di avvolgimento diverso da zero. I sottotracciati aperti devono essere chiusi implicitamente durante il calcolo dell’area di ritaglio, senza influire sui sottotracciati effettivi. La nuova area di ritaglio sostituisce l’attuale area di ritaglio.
CreateImageData(IImageData)Crea un nuovo oggetto ImageData vuoto con le dimensioni specificate. Tutti i pixel nel nuovo oggetto sono neri trasparenti.
CreateImageData(double, double)Crea un nuovo oggetto ImageData vuoto con le dimensioni specificate. Tutti i pixel nel nuovo oggetto sono neri trasparenti.
CreateLinearGradient(double, double, double, double)Crea un gradiente lineare lungo la linea data dalle coordinate rappresentate dai parametri.
CreatePattern(HTMLCanvasElement, string)Crea un motivo utilizzando l’immagine specificata (un CanvasImageSource). Ripete la sorgente nelle direzioni specificate dall’argomento di ripetizione.
CreatePattern(HTMLImageElement, string)Crea un motivo utilizzando l’immagine specificata (un CanvasImageSource). Ripete la sorgente nelle direzioni specificate dall’argomento di ripetizione.
CreateRadialGradient(double, double, double, double, double, double)Crea un gradiente radiale dato dalle coordinate dei due cerchi rappresentati dai parametri.
DrawFocusIfNeeded(Element)Se un dato elemento è focalizzato, questo metodo disegna un anello di messa a fuoco attorno al percorso corrente.
DrawImage(HTMLCanvasElement, double, double)Disegna l’immagine specificata.
DrawImage(HTMLImageElement, double, double)Disegna l’immagine specificata.
DrawImage(HTMLCanvasElement, double, double, double, double)Disegna l’immagine specificata.
DrawImage(HTMLImageElement, double, double, double, double)Disegna l’immagine specificata.
DrawImage(HTMLCanvasElement, double, double, double, double, double, double, double, double)Disegna l’immagine specificata.
DrawImage(HTMLImageElement, double, double, double, double, double, double, double, double)Disegna l’immagine specificata.
Fill()Riempie i sottotracciati con lo stile di riempimento corrente e l’algoritmo predefinito CanvasFillRule.Nonzero.
Fill(CanvasFillRule)Riempie i sottotracciati con lo stile di riempimento corrente.
Fill(Path2D)Riempie i sottotracciati con lo stile di riempimento corrente e l’algoritmo predefinito CanvasFillRule.Nonzero.
Fill(Path2D, CanvasFillRule)Riempie i sottotracciati con lo stile di riempimento corrente.
FillRect(double, double, double, double)Disegna un rettangolo pieno in posizione (x, y) la cui dimensione è determinata da larghezza e altezza.
FillText(string, double, double)Disegna (riempie) un dato testo nella posizione data (x,y).
FillText(string, double, double, double)Disegna (riempie) un dato testo nella posizione data (x,y).
GetImageData(double, double, double, double)Restituisce un oggetto ImageData che rappresenta i dati dei pixel sottostanti per l’area della tela indicata dal rettangolo che inizia a (sx, sy) e ha una larghezza sw e un’altezza sh. Questo metodo non è influenzato dalla matrice di trasformazione della tela.
IsPointInPath(double, double)Riporta se il punto specificato è contenuto o meno nel percorso corrente.
IsPointInPath(double, double, CanvasFillRule)Riporta se il punto specificato è contenuto o meno nel percorso corrente.
IsPointInPath(Path2D, double, double)Riporta se il punto specificato è contenuto o meno nel percorso corrente.
IsPointInPath(Path2D, double, double, CanvasFillRule)Riporta se il punto specificato è contenuto o meno nel percorso corrente.
IsPointInStroke(double, double)Riporta se il punto specificato si trova o meno all’interno dell’area contenuta dalla tracciatura di un tracciato.
IsPointInStroke(Path2D, double, double)Riporta se il punto specificato si trova o meno all’interno dell’area contenuta dalla tracciatura di un tracciato.
MeasureText(string)Restituisce un oggetto TextMetrics.
PutImageData(IImageData, double, double)Dipinge i dati dall’oggetto ImageData specificato sulla bitmap. Se viene fornito un rettangolo sporco, vengono dipinti solo i pixel di quel rettangolo. Questo metodo non è influenzato dalla matrice di trasformazione della tela.
PutImageData(IImageData, double, double, double, double, double, double)Dipinge i dati dall’oggetto ImageData specificato sulla bitmap. Se viene fornito un rettangolo sporco, vengono dipinti solo i pixel di quel rettangolo. Questo metodo non è influenzato dalla matrice di trasformazione della tela.
RemoveHitRegion(string)Rimuove la regione colpita con l’ID specificato dall’area di disegno.
ResetTransform()Reimposta la trasformazione corrente mediante la matrice identità.
Restore()Ripristina lo stato dello stile di disegno sull’ultimo elemento nello ‘state stack’ salvato da save().
Rotate(double)Aggiunge una rotazione alla matrice di trasformazione. L’argomento angolo rappresenta un angolo di rotazione in senso orario ed è espresso in radianti.
Save()Salva lo stato dello stile di disegno corrente utilizzando uno stack in modo da poter ripristinare qualsiasi modifica apportata utilizzando restore().
Scale(double, double)Aggiunge una trasformazione di ridimensionamento alle unità della tela di x orizzontalmente e di y verticalmente.
SetTransform(double, double, double, double, double, double)Reimposta la trasformazione corrente sulla matrice identità, quindi richiama il metodo transform() con gli stessi argomenti.
Stroke()Traccia i sottotracciati con lo stile di tratto corrente.
Stroke(Path2D)Traccia i sottotracciati con lo stile di tratto corrente.
StrokeRect(double, double, double, double)Disegna un rettangolo che ha un punto iniziale in (x, y) e ha una larghezza w e un’altezza h sulla tela, usando lo stile di tratto corrente.
StrokeText(string, double, double)Disegna (tratti) un dato testo nella posizione data (x, y).
StrokeText(string, double, double, double?)Disegna (tratti) un dato testo nella posizione data (x, y).
Transform(double, double, double, double, double, double)Moltiplica la matrice di trasformazione corrente per la matrice descritta dai suoi argomenti.
Translate(double, double)Aggiunge una trasformazione di traduzione spostando la tela e la sua origine x orizzontalmente e y verticalmente sulla griglia.

Guarda anche