Skip to content

ZakuJS is a Js framework for dealing with svg path rigging and transition(animation)

Notifications You must be signed in to change notification settings

Shadoworker/zakuJS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 

Repository files navigation

ZakuJS

ZakuJS is a Js framework for dealing with svg path rigging and transition(animation)

How it looks

How it works

Zaku gets a svg path and appends control points to it, allowing you to modify the path(or shape) with your mouse and later set transition from the initial path to the current one.

Installation

Add the library to your page

<script src="dist/zaku.js"></script>

Usage

    //#1 : Create a zaku instance
    var zaku = new zaku(); 
    //#2 : Get a svg pathElement
    var elem = zaku.get('samba'); /*samba as ID*/
    
    //#3 : Get the pathElement path data
    zaku.path(elem);
    //#4 : Set control points on the path (shape)
    zaku.setpoints();
    //#5 : Init manipulation actions (events)
    zaku.initEvents();

And That's All !

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Made with some dakhaar at kayelsoft :)

Genesis :)

Zaku (Zakaria) is the nickname of one my terrible nephew. A real terror like this framework about manipulating svg-path . Yay :)

License

MIT

About

ZakuJS is a Js framework for dealing with svg path rigging and transition(animation)

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages