Прямые линии
Тег <div> визуализируется как прямоугольник; ему можно задать размеры (вплоть до 1 пиксела) и фон — цвет сплошной заливки или картинку из графического файла.
Следовательно, с помощью тегов <div>, соответствующим образом позиционированных, можно рисовать линии. Здесь рассматривается рисование прямых линий.
Соответствующий HTML-код, содержащий последовательность надлежащим образом позиционированнных и окрашенных тегов <div>, формирует и записывает в текущий документ функция line().
Обратите внимание, что достаточно большое количество тегов <div>, представляющих точки линий, формируется, записывается и отображается браузером приемлемо быстро.
Рисование произвольных кривых основано на том же принципе (Примеры).