Este artículo presenta principalmente el uso de HTML5 puro para escribir un código compartido de relojes en una página web. El programa es muy simple y no tiene una pantalla digital en el reloj. Refleja puramente las ideas de diseño más básicas. Los amigos que lo necesitan pueden referirse a él.
Lo que necesitas saber:
La etiqueta de lona es solo un contenedor de gráficos y debe usar un script para dibujar el gráfico. Tamaño predeterminado: 300px de ancho y 150px de alto;
El método getContext () devuelve un objeto que proporciona métodos y propiedades para dibujar en un lienzo. - Obtenga el objeto de contexto.
GetContext (2D) Propiedades y métodos del objeto que se pueden usar para dibujar texto, líneas, rectángulos, círculos y más sobre lienzo.
Fillrect (L, T, W, H): el color predeterminado es Negro Strokerect (L, T, W, H): un cuadrado con borde. Border negro de un píxel predeterminado
El método SetInterval () llama a una función o calcula una expresión de acuerdo con el período especificado (en milisegundos).
BeginPath (): Define la ruta para comenzar a dibujar, que establece el punto actual en (0,0). Cuando se crea por primera vez un entorno de lona, beginPath ()
Los métodos se llaman explícitamente.
ClosePath (): ruta de dibujo final (conectando el punto de inicio y el punto final)
Dibuja un círculo:
arco (x, y, radio, radian inicial, radian final, dirección de rotación)
X, Y: posición inicial
La relación entre Radian y Angle: Radian = Angle *Math.pi/180
Dirección de rotación: en sentido horario (predeterminado: falso, en sentido antihorario: verdadero)
Código:
Código XML/HTML Copiar contenido al portapapeles