{"id":3178,"date":"2016-01-01T00:30:19","date_gmt":"2015-12-31T23:30:19","guid":{"rendered":"http:\/\/www.lyceelecorbusier.eu\/p5js\/?p=3178"},"modified":"2016-09-30T09:25:26","modified_gmt":"2016-09-30T08:25:26","slug":"p5-js-22-enregistrer-au-format-svg","status":"publish","type":"post","link":"https:\/\/www.lyceelecorbusier.eu\/p5js\/?p=3178","title":{"rendered":"\/ p5.js \/ 22 \/ enregistrer au format SVG"},"content":{"rendered":"

<\/p>\n

Grace \u00e0 la librairie compl\u00e9mentaire p5.svg.js<\/a>\u00a0il est possible d’enregistrer une image au format SVG.<\/p>\n

Il faut r\u00e9cup\u00e9rer le fichier p5.svg.js<\/a>\u00a0dans le dossier dist <\/strong>puis le placer dans le dossier libraries<\/strong> de l’animation.
\nEnsuite il faut relier le fichier index.html<\/strong> \u00e0 cette nouvelle librairie.<\/p>\n

Avant :<\/strong><\/p>\n

<script src=\"libraries\/p5.js\" type=\"text\/javascript\"><\/script>\r\n\r\n <script src=\"libraries\/p5.dom.js\" type=\"text\/javascript\"><\/script>\r\n <script src=\"libraries\/p5.sound.js\" type=\"text\/javascript\"><\/script><\/pre>\n
Apr\u00e8s :<\/strong><\/p>\n
 <script src=\"libraries\/p5.js\" type=\"text\/javascript\"><\/script>\r\n <script src=\"libraries\/p5.svg.js\" type=\"text\/javascript\"><\/script><\/strong>\r\n <script src=\"libraries\/p5.dom.js\" type=\"text\/javascript\"><\/script>\r\n <script src=\"libraries\/p5.sound.js\" type=\"text\/javascript\"><\/script><\/pre>\n
Enfin dans sketch.js<\/strong><\/p>\n
Avant :<\/strong><\/p>\n
function setup() {\r\n createCanvas(780, 780);\r\n}<\/pre>\n
Apr\u00e8s :\u00a0<\/strong><\/p>\n
function setup() {\r\n createCanvas(780, 780, SVG);\r\n}<\/pre>\n
Et ajouter<\/strong>\u00a0par exemple:<\/p>\n
function keyTyped() {\r\n if (key == \"s\") {\r\n save(\"image\" + \".svg\");\r\n }\r\n}<\/pre>\n
Ouvrir votre projet dans un navigateur (cela ne semble pas fonctionner dans le navigateur de p5.js).<\/p>\n
Il peut arriver qu’Illustrator n’ouvre pas le fichier (trop complexe pour lui ! Peut-\u00eatre faut-il envoyer un don \u00e0 Adobe ?)…
\nOuvrez le avec InkScape un logiciel libre !<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[2],"tags":[],"_links":{"self":[{"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts\/3178"}],"collection":[{"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3178"}],"version-history":[{"count":8,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts\/3178\/revisions"}],"predecessor-version":[{"id":3186,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts\/3178\/revisions\/3186"}],"wp:attachment":[{"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3178"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3178"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}