Search code examples
websvgadobe-illustrator

SVG distorted in browser

all!

I made a SVG file in Illustrator to display on a web page.
However, a corner of the stroke is distorted.

should look like:
http://i515.photobucket.com/albums/t356/bpf2010/png_zpsabaf2c87.png

does look like:
http://i515.photobucket.com/albums/t356/bpf2010/svg_zps76da6311.png

Does anyone have any idea about how to fix it?

Thanks,
BPF

Solution

  • Within Illustrator, select your artwork, go to "Object" and select "Expand.." and select the checkbox for the "Stroke".

    Finally, Export to SVG.