<story><title>Svg.js</title><url>http://svgjs.com/</url></story><parent_chain><item><author>sambeau</author><text>It&amp;#x27;s great to see more SVG libraries arriving and SVG.js and Pablo.js look like interesting new tools.&lt;p&gt;While tools to dynamically generate SVG are needed sometimes the big future of SVG is artist-created images, so we generally in need of ways to manipulate , animate and add-to existing existing SVG images. SVG markup is already a better: clearer, faster, more embeddable way to create SVG images. Our tools should focus on adding value to the markup.&lt;p&gt;I use a lot of SVG these days and, sadly, SVG has to come with caveats. It currently performs terribly on iOS devices (especially large, detailed images) and there is no way to create progressively detailed svgs or mark areas for baking. Webkit did have an SVG scrolling bug where svgs were constantly repainted but, thankfully, that is fixed now.&lt;p&gt;Another gripe is SVG drawing tools. I am using a rather strange hodge-podge of a workflow (especially as I am a Mac user). Microsoft Expression Design → export as XAML → translate XAML to SVG.&lt;p&gt;It&amp;#x27;s actually quite effective &amp;#x2F; sensible for a few reasons 1) Expression Design is now a free download 2) XAML and SVG are very similar so the translation is reasonable straight-forward 3) Expression Design gives accurate pixel previews (and I have a second SVG testing tool that can flick between SVG and PNG to see where there are problems).&lt;p&gt;My tools are written in Go and may be of use &amp;#x2F; interest to other people. Let me know if you&amp;#x27;d like to try them (caveat: they are one-user-one-developer-tools — me — so there is a layer of polish missing that I am happy to live with but you may not) and I&amp;#x27;ll work out how to upload them to GitHub.</text></item></parent_chain><comment><author>PixelCut</author><text>Did you try WebCode (&lt;a href=&quot;http://www.webcodeapp.com/&quot; rel=&quot;nofollow&quot;&gt;http:&amp;#x2F;&amp;#x2F;www.webcodeapp.com&amp;#x2F;&lt;/a&gt;)? It is a vector drawing app for Mac that instantly generates nice, clean and readable SVG code. You can also choose to generate HTML&amp;#x2F;CSS and JavaScript&amp;#x2F;Canvas code from your drawings.</text></comment>
<story><title>Svg.js</title><url>http://svgjs.com/</url></story><parent_chain><item><author>sambeau</author><text>It&amp;#x27;s great to see more SVG libraries arriving and SVG.js and Pablo.js look like interesting new tools.&lt;p&gt;While tools to dynamically generate SVG are needed sometimes the big future of SVG is artist-created images, so we generally in need of ways to manipulate , animate and add-to existing existing SVG images. SVG markup is already a better: clearer, faster, more embeddable way to create SVG images. Our tools should focus on adding value to the markup.&lt;p&gt;I use a lot of SVG these days and, sadly, SVG has to come with caveats. It currently performs terribly on iOS devices (especially large, detailed images) and there is no way to create progressively detailed svgs or mark areas for baking. Webkit did have an SVG scrolling bug where svgs were constantly repainted but, thankfully, that is fixed now.&lt;p&gt;Another gripe is SVG drawing tools. I am using a rather strange hodge-podge of a workflow (especially as I am a Mac user). Microsoft Expression Design → export as XAML → translate XAML to SVG.&lt;p&gt;It&amp;#x27;s actually quite effective &amp;#x2F; sensible for a few reasons 1) Expression Design is now a free download 2) XAML and SVG are very similar so the translation is reasonable straight-forward 3) Expression Design gives accurate pixel previews (and I have a second SVG testing tool that can flick between SVG and PNG to see where there are problems).&lt;p&gt;My tools are written in Go and may be of use &amp;#x2F; interest to other people. Let me know if you&amp;#x27;d like to try them (caveat: they are one-user-one-developer-tools — me — so there is a layer of polish missing that I am happy to live with but you may not) and I&amp;#x27;ll work out how to upload them to GitHub.</text></item></parent_chain><comment><author>headbiznatch</author><text>Re: SVG drawing tools - why not Inkscape? It&amp;#x27;s native format is SVG and it allows editing the markup directly. I get much better results using it than converting XAML to SVG (which is JUST different enough to be annoying). Would love to see the tools you&amp;#x27;ve written... Thanks for sharing.</text></comment>