Calder SVG

Animate prepared SVG drawing as a mobile picture. Uses Anime.js and Vivus.js

Examples:

• Musicians
• Politicians

Shortcode

Add desired prepared (see example) images in wordpress standard uploads folder (on multisite uploads/sites/#/), and add shortcode to any page, specifing svg folder to use and animate:

or

with all your .svg files in last folder.

The svgs parameter DOES NOT contain a URL (starting by http://), but a relative path on the server.

You can test with default demo files, included inside plugin (under calder-svg/svg/), but you have to copy them under your uploads wordpress folder before, and use something like shortcode:

SVG file example

If using Inkscape to create the SVG files, please save your files as Optimized SVG, then check that your file is containing a stroke and no fill for each path (else you could experience strange displays).
Like: