line-maker

Line Maker library

A library for creating and animating decorative lines on websites.

The main idea is based on LineMaker but this library use power of the mo-js.

Install

npm install --save line-maker

OR

<script src="https://unpkg.com/line-maker@1.0.0/dist/line-maker.umd.js"></script>

Usage

var lineMaker = new LinaMaker([
  {
    /* line options */
  }
])

LineOption

{
  origin?: string // origin of the line animation
  displaySettings: {
    color?: string | { [delta: string]: string } // color of the line [String | mojs Delta Object]
    width?: number | string // Width of the line
    start?: { // line start position relative to parent
      x: number | string
      y: number | string
    }
    end?: { // line end position relative to parent
      x: number | string
      y: number | string
    }
    zIndex?: number // line object z-index
  }
  // and any other option for mo-js html
}

DEMO

demo1

TODO

find a way to writing tests write document create more demos