Mobile app version of vmapp.org
Login or Join
Nimeshi706

: Cannot modify my handcoded SVG with Illustrator I've handcoded a logo for my website with SVG markup in a text editor: https://codepen.io/Deka87/pen/LQzgrz?editors=1000. I saved its contents in a

@Nimeshi706

Posted in: #AdobeIllustrator #Svg

I've handcoded a logo for my website with SVG markup in a text editor: codepen.io/Deka87/pen/LQzgrz?editors=1000.
I saved its contents in a brand.svg file and tried to open it with Illustrator to save as a PNG image. I got no error messages (e.g. those that the svg is not valid), however it appeared as a blank white image there.

Is there anything I missed while handcoding the SVG? Any help would be highly appreciated.

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Nimeshi706

1 Comments

Sorted by latest first Latest Oldest Best

 

@Gail6891361

Your code does not seem to work right on firefox ESR, or Inkscape either so im having a bit hard time deciding what it should look like. IE renders the image as:



Is this correct?

Your code is not valid according to W3C validator.

For starters you need to write svg 1.1 code since that is what you say you are doing. there is no such tag as def it should be defs. So you can not use href atributes in <use> tags you need to use xlink:href instead. If you do this you get into illustrator but the thinsg have wrong size (still dont work in inkscape though).

Second, you can not rely on CSS to style all your needs because illustrator won't support all CSS that a browser would. For example neither Firefox does noyt seem to do letter-spacing and illustrator wont do text-transform etc.

Anyway illustrator is not a SVG editor as such, and tends to not work well with handcrafted svg. But the fact that even inkscape 0.92 throws you off means you have serious problems.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme