Interface ICanvasRenderingContext2D

ICanvasRenderingContext2D interface

La interfaz ICanvasRenderingContext2D se utiliza para dibujar rectángulos, texto, imágenes y otros objetos en el elemento del lienzo. Proporciona el contexto de representación 2D para la superficie de dibujo de un elemento de lienzo.

public interface ICanvasRenderingContext2D : ICanvasDrawingStyles, ICanvasPathMethods

Propiedades

NombreDescripción
Canvas { get; }Una referencia inversa de solo lectura a HTMLCanvasElement. Puede ser nulo si no está asociado con un elemento de lienzo.
FillStyle { get; set; }Color o estilo para usar dentro de las formas. Predeterminado: (negro).
GlobalAlpha { get; set; }Valor alfa que se aplica a formas e imágenes antes de que se compongan en el lienzo. Predeterminado 1.0 (opaco).
GlobalCompositeOperation { get; set; }Con globalAlpha aplicado, esto establece cómo se dibujan las formas y las imágenes en el mapa de bits existente. Predeterminado: (fuente sobre)
ImageSmoothingEnabled { get; set; }Modo de suavizado de imagen; si está deshabilitado, las imágenes no se suavizarán si se escalan.
ShadowBlur { get; set; }Especifica el efecto de desenfoque. Predeterminado 0
ShadowColor { get; set; }Color de la sombra. Negro totalmente transparente predeterminado.
ShadowOffsetX { get; set; }Distancia horizontal a la que se compensará la sombra. Predeterminado 0.
ShadowOffsetY { get; set; }Distancia vertical a la que se compensará la sombra. Predeterminado 0.
StrokeStyle { get; set; }Color o estilo a usar para las líneas alrededor de las formas. Predeterminado: (negro).

Métodos

NombreDescripción
AddHitRegion(Dictionary<string, string>)Agrega una región de impacto al lienzo. Esto le permite facilitar la detección de aciertos, le permite enrutar eventos a elementos DOM, y hace posible que los usuarios exploren el lienzo sin verlo.
BeginPath()Inicia una nueva ruta al vaciar la lista de subrutas. Llame a este método cuando desee crear una nueva ruta.
ClearHitRegions()Elimina todas las regiones afectadas del lienzo.
ClearRect(double, double, double, double)Establece todos los píxeles en el rectángulo definido por el punto de inicio (x, y) y el tamaño (ancho, alto) en negro transparente, borrando cualquier contenido dibujado previamente.
Clip()Crea una nueva región de recorte mediante el cálculo de la intersección de la región de recorte actual y el área descrita por la ruta, utilizando la regla del número de vueltas distinto de cero. Los subtrayectos abiertos deben cerrarse implícitamente al calcular la región de recorte, sin afectar los subtrayectos reales . La nueva región de recorte reemplaza la región de recorte actual.
Clip(CanvasFillRule)Crea una nueva región de recorte calculando la intersección de la región de recorte actual y el área descrita por la ruta, utilizando la regla del número de vuelta distinto de cero. Los subtrayectos abiertos deben cerrarse implícitamente al calcular la región de recorte, sin afectar los subtrayectos reales. La nueva región de recorte reemplaza a la región de recorte actual.
Clip(Path2D, CanvasFillRule)Crea una nueva región de recorte calculando la intersección de la región de recorte actual y el área descrita por la ruta, utilizando la regla del número de vuelta distinto de cero. Los subtrayectos abiertos deben cerrarse implícitamente al calcular la región de recorte, sin afectar los subtrayectos reales. La nueva región de recorte reemplaza a la región de recorte actual.
CreateImageData(IImageData)Crea un nuevo objeto ImageData en blanco con las dimensiones especificadas. Todos los píxeles del nuevo objeto son negros transparentes.
CreateImageData(double, double)Crea un nuevo objeto ImageData en blanco con las dimensiones especificadas. Todos los píxeles del nuevo objeto son negros transparentes.
CreateLinearGradient(double, double, double, double)Crea un degradado lineal a lo largo de la línea dada por las coordenadas representadas por los parámetros.
CreatePattern(HTMLCanvasElement, string)Crea un patrón utilizando la imagen especificada (un CanvasImageSource). Repite la fuente en las direcciones especificadas por el argumento de repetición.
CreatePattern(HTMLImageElement, string)Crea un patrón utilizando la imagen especificada (un CanvasImageSource). Repite la fuente en las direcciones especificadas por el argumento de repetición.
CreateRadialGradient(double, double, double, double, double, double)Crea un degradado radial dado por las coordenadas de los dos círculos representados por los parámetros.
DrawFocusIfNeeded(Element)Si un elemento dado está enfocado, este método dibuja un anillo de enfoque alrededor de la ruta actual.
DrawImage(HTMLCanvasElement, double, double)Dibuja la imagen especificada.
DrawImage(HTMLImageElement, double, double)Dibuja la imagen especificada.
DrawImage(HTMLCanvasElement, double, double, double, double)Dibuja la imagen especificada.
DrawImage(HTMLImageElement, double, double, double, double)Dibuja la imagen especificada.
DrawImage(HTMLCanvasElement, double, double, double, double, double, double, double, double)Dibuja la imagen especificada.
DrawImage(HTMLImageElement, double, double, double, double, double, double, double, double)Dibuja la imagen especificada.
Fill()Rellena los subtrayectos con el estilo de relleno actual y el algoritmo predeterminado CanvasFillRule.Nonzero.
Fill(CanvasFillRule)Rellena los subtrayectos con el estilo de relleno actual.
Fill(Path2D)Rellena los subtrayectos con el estilo de relleno actual y el algoritmo predeterminado CanvasFillRule.Nonzero.
Fill(Path2D, CanvasFillRule)Rellena los subtrayectos con el estilo de relleno actual.
FillRect(double, double, double, double)Dibuja un rectángulo relleno en la posición (x, y) cuyo tamaño está determinado por el ancho y el alto.
FillText(string, double, double)Dibuja (rellena) un texto dado en la posición dada (x,y).
FillText(string, double, double, double)Dibuja (rellena) un texto dado en la posición dada (x,y).
GetImageData(double, double, double, double)Devuelve un objeto ImageData que representa los datos de píxeles subyacentes para el área del lienzo indicada por el rectángulo que comienza en (sx, sy) y tiene un ancho sw y un alto sh. Este método no se ve afectado por la matriz de transformación del lienzo.
IsPointInPath(double, double)Informa si el punto especificado está contenido o no en la ruta actual.
IsPointInPath(double, double, CanvasFillRule)Informa si el punto especificado está contenido o no en la ruta actual.
IsPointInPath(Path2D, double, double)Informa si el punto especificado está contenido o no en la ruta actual.
IsPointInPath(Path2D, double, double, CanvasFillRule)Informa si el punto especificado está contenido o no en la ruta actual.
IsPointInStroke(double, double)Informa si el punto especificado está o no dentro del área contenida por el trazo de un camino.
IsPointInStroke(Path2D, double, double)Informa si el punto especificado está o no dentro del área contenida por el trazo de un camino.
MeasureText(string)Devuelve un objeto TextMetrics.
PutImageData(IImageData, double, double)Pinta los datos del objeto ImageData dado en el mapa de bits. Si se proporciona un rectángulo sucio, solo se pintan los píxeles de ese rectángulo. Este método no se ve afectado por la matriz de transformación del lienzo.
PutImageData(IImageData, double, double, double, double, double, double)Pinta los datos del objeto ImageData dado en el mapa de bits. Si se proporciona un rectángulo sucio, solo se pintan los píxeles de ese rectángulo. Este método no se ve afectado por la matriz de transformación del lienzo.
RemoveHitRegion(string)Elimina la región afectada con el ID especificado del lienzo.
ResetTransform()Restablece la transformación actual por la matriz de identidad.
Restore()Restaura el estado del estilo de dibujo al último elemento en la ‘pila de estado’ guardada por save().
Rotate(double)Agrega una rotación a la matriz de transformación. El argumento del ángulo representa un ángulo de rotación en el sentido de las agujas del reloj y se expresa en radianes.
Save()Guarda el estado del estilo de dibujo actual usando una pila para que pueda revertir cualquier cambio que le haya hecho usando restaurar().
Scale(double, double)Agrega una transformación de escala a las unidades del lienzo por x horizontalmente y por y verticalmente.
SetTransform(double, double, double, double, double, double)Restablece la transformación actual a la matriz de identidad y luego invoca el método transform() con los mismos argumentos.
Stroke()Traza los subtrazados con el estilo de trazo actual.
Stroke(Path2D)Traza los subtrazados con el estilo de trazo actual.
StrokeRect(double, double, double, double)Pinta un rectángulo que tiene un punto inicial en (x, y) y tiene una anchura aw y una altura h en el lienzo, utilizando el estilo de trazo actual.
StrokeText(string, double, double)Dibuja (trazos) un texto dado en la posición dada (x, y).
StrokeText(string, double, double, double?)Dibuja (trazos) un texto dado en la posición dada (x, y).
Transform(double, double, double, double, double, double)Multiplica la matriz de transformación actual por la matriz descrita por sus argumentos.
Translate(double, double)Añade una transformación de traslación moviendo el lienzo y su origen x horizontalmente y y verticalmente en la cuadrícula.

Ver también