11 638 Скрипты / Other

Генератор случайных линий для фона

Плагин ckLine генерирует случайные svg линии для фона.

JS

Подключаем jQuery и плагин
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="/path/to/jquery.ckLine.min.js"></script>

HTML

Нужно добавить пустой SVG элемент на страницу
<svg id="ckLine" xmlns="http://www.w3.org/2000/svg"></svg>
и обратиться к нему по ID
$('#ckLine').ckLine();

Опции

НазваниеТипЗначение по умолчанию
svgIdstringnull
widthnumberSvgWidth
heightnumberSvgHeight
strokeColorstring#000
strokeWidthnumber2
animateTimenumber1000
intervalnumber600
fadeOutnumber800
lifeTimenumber2000
easingstringswing
leftRightbooleantrue
animationTimeRangearray[<number>, <number>]

Плагин можно отключить с помощью API:
$('#ckLine').ckLine.destroy();
Скачать 740Загрузок 654,45 Kb
Демо

Комментарии

  • Facebook
  • Вконтакте

Похожие статьи