{"id":51339,"date":"2016-10-07T12:35:01","date_gmt":"2016-10-07T12:35:01","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/calder-svg\/"},"modified":"2017-03-21T16:49:41","modified_gmt":"2017-03-21T16:49:41","slug":"calder-svg","status":"publish","type":"plugin","link":"https:\/\/twd.wordpress.org\/plugins\/calder-svg\/","author":13533785,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"2.1","stable_tag":"trunk","tested":"4.8.28","requires":"4.0","requires_php":"","requires_plugins":"","header_name":"Calder SVG","header_author":"Max UNGER","header_description":"","assets_banners_color":"d4d0ce","last_updated":"2017-03-21 16:49:41","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"http:\/\/www.maxizone.fr\/","header_author_uri":"http:\/\/www.maxizone.fr\/","rating":5,"author_block_rating":0,"active_installs":10,"downloads":1719,"num_ratings":1,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","changelog","faq"],"tags":[],"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":"1"},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":"1509985","resolution":"128x128","location":"assets"},"icon-256x256.png":{"filename":"icon-256x256.png","revision":"1509985","resolution":"256x256","location":"assets"}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":"1509985","resolution":"772x250","location":"assets"}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":[],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":"1509985","resolution":"1","location":"assets"},"screenshot-2.png":{"filename":"screenshot-2.png","revision":"1509985","resolution":"2","location":"assets"},"screenshot-3.png":{"filename":"screenshot-3.png","revision":"1509985","resolution":"3","location":"assets"},"screenshot-4.png":{"filename":"screenshot-4.png","revision":"1509985","resolution":"4","location":"assets"},"screenshot-5.png":{"filename":"screenshot-5.png","revision":"1509985","resolution":"5","location":"assets"},"screenshot-6.png":{"filename":"screenshot-6.png","revision":"1509985","resolution":"6","location":"assets"},"screenshot-7.png":{"filename":"screenshot-7.png","revision":"1509985","resolution":"7","location":"assets"}},"screenshots":{"1":"Maria Callas","2":"Bob Marley","3":"Franz Liszt","4":"Joe Cocker","5":"Amy Winehouse","6":"Wolfgang Amadeus Mozart","7":"Rod Stewart"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[785,8522,98158,2904],"plugin_category":[50],"plugin_contributors":[96923],"plugin_business_model":[],"class_list":["post-51339","plugin","type-plugin","status-publish","hentry","plugin_tags-animation","plugin_tags-art","plugin_tags-calder","plugin_tags-svg","plugin_category-media","plugin_contributors-munger41","plugin_committers-munger41"],"banners":{"banner":"https:\/\/ps.w.org\/calder-svg\/assets\/banner-772x250.png?rev=1509985","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/calder-svg\/assets\/icon-128x128.png?rev=1509985","icon_2x":"https:\/\/ps.w.org\/calder-svg\/assets\/icon-256x256.png?rev=1509985","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/calder-svg\/assets\/screenshot-1.png?rev=1509985","caption":"Maria Callas"},{"src":"https:\/\/ps.w.org\/calder-svg\/assets\/screenshot-2.png?rev=1509985","caption":"Bob Marley"},{"src":"https:\/\/ps.w.org\/calder-svg\/assets\/screenshot-3.png?rev=1509985","caption":"Franz Liszt"},{"src":"https:\/\/ps.w.org\/calder-svg\/assets\/screenshot-4.png?rev=1509985","caption":"Joe Cocker"},{"src":"https:\/\/ps.w.org\/calder-svg\/assets\/screenshot-5.png?rev=1509985","caption":"Amy Winehouse"},{"src":"https:\/\/ps.w.org\/calder-svg\/assets\/screenshot-6.png?rev=1509985","caption":"Wolfgang Amadeus Mozart"},{"src":"https:\/\/ps.w.org\/calder-svg\/assets\/screenshot-7.png?rev=1509985","caption":"Rod Stewart"}],"raw_content":"<!--section=description-->\n<p>Animate prepared SVG drawing as a mobile picture. Uses <a href=\"http:\/\/anime-js.com\/\" title=\"Anime.js\">Anime.js<\/a> and <a href=\"https:\/\/maxwellito.github.io\/vivus\/\" title=\"Vivus.js\">Vivus.js<\/a><\/p>\n\n<p>Examples:<\/p>\n\n<ul>\n<li><a href=\"http:\/\/caldersvg.termel.fr\/\" title=\"Musicians\">Musicians<\/a><\/li>\n<li><a href=\"http:\/\/caldersvg.termel.fr\/politicians\/\" title=\"Politicians\">Politicians<\/a><\/li>\n<\/ul>\n\n<h3>Shortcode<\/h3>\n\n<p>Add desired prepared (see example) images in wordpress standard <code>uploads<\/code> folder (on multisite <code>uploads\/sites\/#\/<\/code>), and add shortcode to any page, specifing svg folder to use and animate:<\/p>\n\n<pre><code>[caldersvg svgs=\"wp-content\/my\/folder\/containing\/svg\/files\/\"]\n<\/code><\/pre>\n\n<p>or<\/p>\n\n<pre><code>[caldersvg svgs=\"\/var\/www\/mysite\/wp-content\/my\/folder\/containing\/svg\/files\/\"]\n<\/code><\/pre>\n\n<p>with all your .svg files in last folder.<\/p>\n\n<p>The <code>svgs<\/code> parameter DOES NOT contain a <strong>URL<\/strong> (starting by http:\/\/), but a <strong>relative path<\/strong> on the server.<\/p>\n\n<p>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:<\/p>\n\n<pre><code>[caldersvg svgs=\"..\/..\/svg\/musicians\/\"]\n<\/code><\/pre>\n\n<h3>SVG file example<\/h3>\n\n<p>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).\nLike:<\/p>\n\n<pre><code>fill=\"none\" stroke-width=\"1\" stroke=\"#cecece\"\n\n\n&lt;svg id=\"svg7876\" xmlns:rdf=\"http:\/\/www.w3.org\/1999\/02\/22-rdf-syntax-ns#\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 571.25 650\" version=\"1.1\" xmlns:cc=\"http:\/\/creativecommons.org\/ns#\" xmlns:dc=\"http:\/\/purl.org\/dc\/elements\/1.1\/\"&gt;\n    &lt;g id=\"g8426\"&gt;\n        &lt;path id=\"path8440\" fill=\"none\" stroke-width=\"1\" stroke=\"#cecece\" d=\"m0 596.79c0-44.452 0.29402-53.508 1.7857-55 0.9822-0.99\n<\/code><\/pre>\n\n<!--section=installation-->\n<h3>Easy<\/h3>\n\n<ol>\n<li>Search Calder SVG via plugins &gt; add new.<\/li>\n<li>Find the plugin listed and click activate.<\/li>\n<li>Use the Shortcodes<\/li>\n<\/ol>\n\n<h3>Shortcode<\/h3>\n\n<p>Add desired prepared (see example) images in wordpress standard <code>uploads<\/code> folder (on multisite <code>uploads\/sites\/#\/<\/code>), and add shortcode to any page, specifing svg folder to use and animate:<\/p>\n\n<pre><code>[caldersvg svgs=\"wp-content\/my\/folder\/containing\/svg\/files\/\"]\n<\/code><\/pre>\n\n<p>or\n    [caldersvg svgs=\"\/var\/www\/mysite\/wp-content\/my\/folder\/containing\/svg\/files\/\"]<\/p>\n\n<p>with all your .svg files in last folder.<\/p>\n\n<p>The <code>svgs<\/code> parameter DOES NOT contain a <strong>URL<\/strong> (starting by http:\/\/), but a <strong>relative path<\/strong> on the server.<\/p>\n\n<p>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:\n    [caldersvg svgs=\"..\/..\/svg\/musicians\/\"]<\/p>\n\n<h3>SVG file example<\/h3>\n\n<p>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).\nLike:\n    fill=\"none\" stroke-width=\"1\" stroke=\"#cecece\"<\/p>\n\n<pre><code>&lt;svg id=\"svg7876\" xmlns:rdf=\"http:\/\/www.w3.org\/1999\/02\/22-rdf-syntax-ns#\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 571.25 650\" version=\"1.1\" xmlns:cc=\"http:\/\/creativecommons.org\/ns#\" xmlns:dc=\"http:\/\/purl.org\/dc\/elements\/1.1\/\"&gt;\n    &lt;g id=\"g8426\"&gt;\n        &lt;path id=\"path8440\" fill=\"none\" stroke-width=\"1\" stroke=\"#cecece\" d=\"m0 596.79c0-44.452 0.29402-53.508 1.7857-55 0.9822-0.99\n<\/code><\/pre>\n\n<h3>Examples<\/h3>\n\n<ul>\n<li><a href=\"http:\/\/caldersvg.termel.fr\/\" title=\"Musicians\">Musicians<\/a><\/li>\n<li><a href=\"http:\/\/caldersvg.termel.fr\/politicians\/\" title=\"Politicians\">Politicians<\/a><\/li>\n<\/ul>\n\n<!--section=changelog-->\n<p>2.1 - bug fix<\/p>\n\n<p>2.0 - complete refactor, be carrefully path changed in shortcode<\/p>\n\n<p>1.7 - Vivus 0.4.0<\/p>\n\n<p>1.6 - Animejs 2.0<\/p>\n\n<p>1.3 - More explanations after feedback<\/p>\n\n<p>1.0 - First stable release.<\/p>\n\n<!--section=faq-->\n<dl>\n<dt>Installation Instructions<\/dt>\n<dd><h3>Easy<\/h3>\n\n<ol>\n<li>Search Calder SVG via plugins &gt; add new.<\/li>\n<li>Find the plugin listed and click activate.<\/li>\n<li>Use the Shortcodes<\/li>\n<\/ol>\n\n<h3>Shortcode<\/h3>\n\n<p>Add desired prepared (see example) images in wordpress standard <code>uploads<\/code> folder (on multisite <code>uploads\/sites\/#\/<\/code>), and add shortcode to any page, specifing svg folder to use and animate:<\/p>\n\n<pre><code>[caldersvg svgs=\"wp-content\/my\/folder\/containing\/svg\/files\/\"]\n<\/code><\/pre>\n\n<p>or\n    [caldersvg svgs=\"\/var\/www\/mysite\/wp-content\/my\/folder\/containing\/svg\/files\/\"]<\/p>\n\n<p>with all your .svg files in last folder.<\/p>\n\n<p>The <code>svgs<\/code> parameter DOES NOT contain a <strong>URL<\/strong> (starting by http:\/\/), but a <strong>relative path<\/strong> on the server.<\/p>\n\n<p>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:\n    [caldersvg svgs=\"..\/..\/svg\/musicians\/\"]<\/p>\n\n<h3>SVG file example<\/h3>\n\n<p>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).\nLike:\n    fill=\"none\" stroke-width=\"1\" stroke=\"#cecece\"<\/p>\n\n<pre><code>&lt;svg id=\"svg7876\" xmlns:rdf=\"http:\/\/www.w3.org\/1999\/02\/22-rdf-syntax-ns#\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 571.25 650\" version=\"1.1\" xmlns:cc=\"http:\/\/creativecommons.org\/ns#\" xmlns:dc=\"http:\/\/purl.org\/dc\/elements\/1.1\/\"&gt;\n    &lt;g id=\"g8426\"&gt;\n        &lt;path id=\"path8440\" fill=\"none\" stroke-width=\"1\" stroke=\"#cecece\" d=\"m0 596.79c0-44.452 0.29402-53.508 1.7857-55 0.9822-0.99\n<\/code><\/pre>\n\n<h3>Examples<\/h3>\n\n<ul>\n<li><a href=\"http:\/\/caldersvg.termel.fr\/\" title=\"Musicians\">Musicians<\/a><\/li>\n<li><a href=\"http:\/\/caldersvg.termel.fr\/politicians\/\" title=\"Politicians\">Politicians<\/a><\/li>\n<\/ul><\/dd>\n\n<\/dl>","raw_excerpt":"Animate prepared SVG drawing as a mobile picture.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/51339","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=51339"}],"author":[{"embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/munger41"}],"wp:attachment":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=51339"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=51339"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=51339"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=51339"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=51339"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=51339"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}