Пример:
Перерисовка полигонов происходит по клику на них.
HTML:
1 |
<div id="polygon"></div> |
CSS:
1 2 3 |
#polygon { height: 500px; } |
JS:
Подключаем скрипт: polygon.js
Некоторые настройки:
const pauseDuration
- пауза перед сменой цвета в миллисекундах
drawPolygon(lp, rShrink,`rgba(255, 255, 255, 0.5)`, color, 2)
- цвет фона заполнения
ctx.fillStyle = '#FFF'
- изначальный цвет фона
Найдено на codepen.io у пользователя Dillon
Добавить комментарий: