ckLine.js

Generates random svg Lines You can find a demo here https://www.jqueryscript.net/animation/Animated-SVG-Lines-jQuery-JnLine.html

Installation

Download package and include jquery.ckLine.min.js in your document after including 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>

Usage

You need an empty SVG Element in your HTML

<svg id="ckLine" xmlns="http://www.w3.org/2000/svg"></svg>

Via JavaScript

To call the ckLine plugin, select your target element with jQuery and do the following:

$('#ckLine').ckLine();

Options

Functions

To Destroy the plugin

$('#ckLine').ckLine.destroy();