В этой статье в основном представлены холст HTML5, чтобы нарисовать пунктирные линии. HTML5 не обеспечивает метод для рисования пунктирных линий. Эта статья модифицирована на основе метода переполнения стека. Друзья, которые это нужно, могут ссылаться на это.
HTML5 Canvas предоставляет много функций для рисования графики, но, к сожалению, API Canvas предоставляет только функции для рисования сплошных линий (Lineto), но не предоставляет методы для рисования пунктирных линий. Такой дизайн иногда может вызвать большие неудобства. Дэвид Фланаган, автор авторитетного руководства по JavaScript, считает, что такое решение является проблематичным, особенно когда модификация и реализация стандартов относительно просты (… что -то, что настолько тривиально добавить к спецификации и так тривиально в реализации ... Я действительно думаю, что вы ошибтесь здесь. –Http: //lists.whatwg.org/pipermail/whatwg-whatwg.org/2007-may/011224.html).
При переполнении стека Phrogz предоставляет свою собственную реализацию пунктирных строк (http://stackoverflow.com/questions/4576724/dotted-stroke-in-canvas), что строго говоря, является реализацией пунктирных строк (PS Я думаю, что упрощенная версия Rod Macdougall на этой странице является лучше). Итак, что мне делать, если мне нужно нарисовать пунктирные линии (как показано на рисунке ниже)?
Ниже приводится моя собственная реализация, которая поддерживает только горизонтальные и вертикальные точечные пунктирные линии. Вы можете обратиться к методу Phrogz и Rod Macdougall, чтобы добавить функцию чертежа Slash.
Скопировать код