Cet article introduit principalement le toile HTML5 pour tracer des lignes pointillées. HTML5 ne fournit pas de méthode pour tracer des lignes pointillées. Cet article est modifié en fonction de la méthode de débordement de pile. Les amis qui en ont besoin peuvent y faire référence.
HTML5 Canvas fournit de nombreuses fonctions pour dessiner des graphiques, mais malheureusement, l'API Canvas fournit uniquement des fonctions pour dessiner des lignes pleines (lineto), mais ne fournit pas de méthodes pour dessiner des lignes pointillées. Un tel design peut parfois provoquer de grands inconvénients. David Flanagan, auteur du Guide faisant autorité de JavaScript, estime qu'une telle décision est problématique, surtout lorsque la modification et la mise en œuvre des normes sont relativement simples (… quelque chose qui est si trivial à ajouter à la spécification et si trivial à mettre en œuvre… Je pense vraiment que vous faites une erreur ici ici —Http: //lists.whatwg.org/pipermail/whatwg-whatwg.org/2007-may/011224.html).
Sur Stack Overflow, Phrogz fournit sa propre implémentation de lignes en pointillés (http://stackoverflow.com/questions/4576724/dotted-stroke-in-canvas), qui, à guisences, est une implémentation de lignes pointillées (PS Je pense que la version simplifiée de Rod MacDougall sur cette page est meilleure). Alors, que dois-je faire si j'ai besoin de tracer des lignes pointillées (comme indiqué dans la figure ci-dessous)?
Ce qui suit est ma propre implémentation, qui ne prend en charge que le dessin de lignes pointillées horizontales et verticales. Vous pouvez vous référer à la méthode de Phrogz et de Rod MacDougall pour ajouter la fonction du dessin de slash.
Copier le code