canvas es una etiqueta utilizada para mostrar efectos de dibujo. Es similar a img y es un elemento de bloque en línea.

La misma página puede tener varias etiquetas de lienzo.

El valor predeterminado del lienzo es 300*150. Para establecer el ancho y el alto del lienzo, debe utilizar los atributos del elemento del lienzo.

Después de obtener la etiqueta del lienzo en js, debe usarla para abrir el lienzo y dibujar gráficos.

1. Primero mueva el bolígrafo a la posición especificada.

2. Empieza a dibujar líneas.

3. Trazo de ruta

El lápiz se mueve a la posición especificada (punto de partida)

dibujar camino

Trazar ruta

Establecer color de trazo

Establecer ancho de línea

camino cerrado

Borre la ruta actual y abra una nueva ruta

relleno

color de relleno

* se utiliza para determinar qué áreas pertenecen a la ruta (si el resultado del cálculo no es 0, significa que está dentro de la ruta). * En el área rodeada por el camino, encuentra un punto aleatorio y emite un rayo hacia afuera. * cruza todos los bordes que lo rodean, * Luego inicia un contador, contando desde 0, * Si este rayo encuentra un contorno en el sentido de las agujas del reloj, entonces 1, * Si encuentra un sonido envolvente en sentido antihorario, entonces -1, * Si el valor final es distinto de cero, entonces esta área está dentro de la ruta. * *Nota: La zona del punto cardinal debe estar dentro del trazado.