Este artigo apresenta principalmente a tela HTML5 para desenhar linhas pontilhadas. O HTML5 não fornece um método para desenhar linhas pontilhadas. Este artigo é modificado com base no método de transbordamento de pilha. Amigos que precisam podem se referir a ele.
A tela HTML5 fornece muitas funções para desenhar gráficos, mas, infelizmente, a API de tela fornece apenas funções para desenhar linhas sólidas (lineto), mas não fornece métodos para desenhar linhas pontilhadas. Esse design às vezes pode causar grande inconveniente. David Flanagan, autor do guia autoritário de JavaScript, acredita que essa decisão é problemática, especialmente quando a modificação e a implementação dos padrões são relativamente simples (... algo que é tão trivial para adicionar à especificação e tão trivial para implementar ... eu realmente acho que você está cometendo um erro aqui —Http: //lists.whatwg.org/pipermail/whatwg-whatwg.org/2007-may/011224.html).
No Fack Overflow, a Phrogz fornece sua própria implementação de linhas pontilhadas (http://stackoverflow.com/questions/4576724/dottyt-stroke-canvas), que estritamente falando é uma implementação de linhas pontilhadas (PS, acho que a versão simplificada de Rod MacDougall sobre isso é melhor). Então, o que devo fazer se precisar desenhar linhas pontilhadas (como mostrado na figura abaixo)?
A seguir, é apresentada minha própria implementação, que suporta apenas linhas pontilhadas de ponto horizontal e vertical. Você pode consultar o método de Phrogz e Rod MacDougall para adicionar a função do desenho de barra.
Copie o código