Este artigo apresenta principalmente o uso do Pure HTML5 para escrever um compartilhamento de código de relógios em uma página da web. O programa é muito simples e não possui exibição digital no relógio. Reflete puramente as idéias de design mais básicas. Amigos que precisam podem se referir a ele.
O que você precisa saber:
A tag de tela é apenas um contêiner de gráfico e você deve usar um script para desenhar o gráfico. Tamanho padrão: 300px de largura e 150px de altura;
O método getContext () retorna um objeto que fornece métodos e propriedades para desenhar uma tela. - Obtenha o objeto de contexto.
GetContext (2D) Propriedades e métodos de objeto que podem ser usados para desenhar texto, linhas, retângulos, círculos e muito mais em tela.
Fillrect (l, t, w, h): a cor padrão é a estreia preta (l, t, w, h): um quadrado com borda. Border preto de um pixel padrão
O método setInterval () chama uma função ou calcula uma expressão de acordo com o período especificado (em milissegundos).
BeginPath (): define o caminho para começar a desenhar, que define o ponto atual para (0,0). Quando um ambiente de tela é criado pela primeira vez, BeginPath ()
Os métodos são chamados explicitamente.
ClosePath (): Caminho de desenho final (conectando o ponto de partida e o ponto final)
Desenhe um círculo:
arco (x, y, raio, radiano de partida, radian final, direção de rotação)
x, y: posição inicial
A relação entre Radian e Angle: Radian = Angle *Math.pi/180
Direção de rotação: no sentido horário (Padrão: Falso, no sentido anti -horário: true)
Código:
Código XML/HTML Copito de Conteúdo para a área de transferência