Hi, is there anyway of importing svg paths with fills, I tried to use the "candy" importer, but it just draws the outlines without the fills. Am I'm doing something wrong or the svg importer does not import fills?

mflux,

The code is:

import svgimport.*;
svgpath mysvg;
void setup()
{
 size(400,400);  
 mysvg=new svgpath("estrella.svg",this);  
 smooth();
}
void draw()
{
 background(255);
 fill(255,255,0);
 mysvg.draw(LINE_STRIP,35,120);
}

And the SVG is:

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 10.0, SVG Export Plug-In . SVG Version: 3.0.0 Build 76)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"    "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
<!ENTITY ns_svg "http://www.w3.org/2000/svg">
<!ENTITY ns_xlink "http://www.w3.org/1999/xlink">
]>
<svg  xmlns="&ns_svg;" xmlns:xlink="&ns_xlink;" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
width="190.258" height="199.19" viewBox="0 0 190.258 199.19" overflow="visible" enable-background="new 0 0 190.258 199.19"
xml:space="preserve">
<g id="Layer_1">
<path fill="#FF0000" stroke="#000000" d="M187.721,162.024l-67.647-12.527l-48.67,48.624l-8.99-68.208L1.13,98.651l62.091
-29.627
L74.016,1.079l47.364,49.897l67.955-10.73l-32.818,60.465L187.721,162.024z"/>
</g>
</svg>

It's not filling probably because you are using:

Code:

mysvg.draw(LINE_STRIP,35,120);  

LINE_STRIP will not draw you fills. Try POLYGON.

Please let me know how that works for you. Fills are supported in the lib.

Thank you.

I haven't really given gradients much thought. So far I've been only supporting things that are already natively supported by Processing. So, if Processing one day supports gradients, I'll just piggyback on it and allow SVG Candy to use it as well!