El elemento HTML «lienzo» se utiliza para dibujar gráficos a través de JavaScript. El elemento «lienzo» es solo un contenedor para gráficos. Uno debe usar JavaScript para dibujar los gráficos. Canvas tiene varios métodos para dibujar rutas, cuadros, círculos, texto y agregar imágenes.
Referencia completa
1. Colores, Estilos y Sombras
- HTML | propiedad de estilo de relleno del lienzo
- HTML | propiedad de estilo de trazo de lienzo
- HTML | propiedad shadowColor del lienzo
- HTML | canvas shadowBlur Propiedad
- HTML | canvas shadowOffsetX Propiedad
- HTML | canvas shadowOffsetY Propiedad
- HTML | Método canvas createLinearGradient()
- HTML | Método canvas createPattern()
- HTML | método addColorStop() del lienzo
2. Estilos de línea
- HTML | propiedad lineCap del lienzo
- HTML | línea de lienzoÚnete a la propiedad
- HTML | Propiedad de ancho de línea de lienzo
- HTML | lienzo miterLimit Propiedad
3. Rectángulos
- HTML | lienzo método rect()
- HTML | Método canvas fillRect()
- HTML | Método canvas strokeRect()
- HTML | lienzo método clearRect()
4. Caminos
- HTML | método de relleno de lienzo()
- HTML | Trazo de lienzo() Método
- HTML | Método canvas beginPath()
- HTML | método moveTo() del lienzo
- HTML | Método de lienzo closePath()
- HTML | método de lienzo lineTo()
- HTML | Clip de lienzo() Método
- HTML | método canvas quadraticCurveTo()
- HTML | método canvas bezierCurveTo()
- HTML | Método canvas arc()
- HTML | lienzo método arcTo()
- HTML | Método canvas isPointInPath()
5. Transformaciones
- HTML | método de escala de lienzo()
- HTML | lienzo rotate() Método
- HTML | método canvas translate()
- HTML | Método canvas transform()
- HTML | Método lienzo setTransform()
6. Texto
- HTML | propiedad de fuente de lienzo
- HTML | propiedad canvas textAlign
- HTML | propiedad de línea de base de texto de lienzo
- HTML | método de texto de relleno de lienzo()
- HTML | Método canvas strokeText()
- HTML | Método de lienzo de medida de texto()
7. Manipulación de píxeles
- HTML | propiedad de ancho de lienzo
- HTML | propiedad de altura del lienzo
- HTML | lienzo método createImageData()
- HTML | Método lienzo getImageData()
- HTML | lienzo putImageData() Método
8. Composición y dibujo de imágenes
Publicación traducida automáticamente
Artículo escrito por sameergeeksforgeeks y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA