In diesem Artikel wird hauptsächlich HTML5 -Leinwand zum Zeichnen von gepunkteten Linien vorgestellt. HTML5 bietet keine Methode zum Zeichnen von gepunkteten Linien. Dieser Artikel wird basierend auf der Stapelüberlaufmethode geändert. Freunde, die es brauchen, können sich darauf beziehen.
HTML5 -Leinwand bietet viele Funktionen zum Zeichnen von Grafiken. Leider bietet die Canvas -API nur Funktionen zum Zeichnen von soliden Linien (Lineto), bietet jedoch keine Methoden zum Zeichnen von gepunkteten Linien. Ein solches Design kann manchmal zu großen Unannehmlichkeiten führen. David Flanagan, Autor des Autoritativen Leitfadens zu JavaScript, ist der Ansicht, dass eine solche Entscheidung problematisch ist, insbesondere wenn die Änderung und Implementierung der Standards relativ einfach ist (… etwas, das so trivial ist, die Spezifikation und so trivial zu implementieren… Ich denke wirklich, dass Sie hier einen Fehler machen, wenn Sie hier einen Fehler machen —Http: //lists.whatwg.org/pipermail/whatwg-whatwg.org/2007-may/011224.html).
Auf dem Stack-Überlauf bietet Phrogz eine eigene Implementierung von gepunkteten Linien (http://stackoverflow.com/questions/4576724/dotted-stroke-in-canvas), was streng genommen eine Implementierung von gepunkteten Zeilen (PS Ich denke, die vereinfachte Version von Rod Macdougall auf dieser Seite ist besser). Was soll ich tun, wenn ich gepunktete Linien zeichnen muss (wie in der Abbildung unten gezeigt)?
Das Folgende ist meine eigene Implementierung, die nur das Zeichnen horizontaler und vertikaler Punkt gepunktete Linien unterstützt. Sie können auf die Methode von Phrogz und Rod MacDougall verweisen, um die Funktion der Schrägstrichezzeichnung hinzuzufügen.
Kopieren Sie den Code