Este artículo presenta principalmente lienzos HTML5 para dibujar líneas punteadas. HTML5 no proporciona un método para dibujar líneas punteadas. Este artículo se modifica en función del método de desbordamiento de pila. Los amigos que lo necesitan pueden referirse a él.
El lienzo HTML5 proporciona muchas funciones para dibujar gráficos, pero desafortunadamente, la API de lienzo solo proporciona funciones para dibujar líneas continuas (Lineto), pero no proporciona métodos para dibujar líneas punteadas. Tal diseño a veces puede causar grandes inconvenientes. David Flanagan, autor de la Guía autorizada de JavaScript, cree que tal decisión es problemática, especialmente cuando la modificación e implementación de los estándares es relativamente simple (... algo que es tan trivial para agregar a la especificación y tan trivial para implementar ... Realmente creo que está cometiendo un error aquí —Http: //lists.whatwg.org/pipermail/whatwg-whatwg.org/2007-may/011224.html).
En Stack Overflow, PhroGZ proporciona su propia implementación de líneas punteadas (http://stackoverflow.com/questions/4576724/dotted-stroke-in-canvas), que estrictamente en habla es una implementación de líneas manchadas (PS creo que la versión simplificada de Rod MacDougall en esta página es mejor). Entonces, ¿qué debo hacer si necesito dibujar líneas punteadas (como se muestra en la figura a continuación)?
La siguiente es mi propia implementación, que solo admite el dibujo de líneas punteadas de puntos horizontales y verticales. Puede consultar el método de PhroGZ y Rod MacDougall para agregar la función del dibujo de corte.
Copiar el código