Home Visit the open clipart library Home
Vector Graphics SVG VMLVector Graphics SVG VMLVector Graphics SVG VML

Website Archive:-This page is no longer updated. Access the latest code and info at the New Page.

   This is a new, additional resource for SVG. The specification is an open standard that has been under development by the World Wide Web Consortium (W3C) since 1999.
   The uptake of SVG has been slow, but what about the promise SVG originally had when it was assumed all browsers would support it? There's no doubt that incomplete, cross browser support is less of an issue with more people and products supporting it every day.
   This area of the website aims to add to this belated enthusiasm and increase the usage of SVG.

SVG to HTML tool

Visit the SVG Converter

Developers Note:

Text is not supported in the converter.

Pre-process the SVG that lost the text when converting.
This is how to do it.

What just got Converted using SVG to HTML?

I thought it would be interesting to show the last thing that was created by converting an SVG!
Sometimes the success is 100% or something close to that.
However, if an SVG contains unsupported features then the result will be incomplete.
Some will be good, but others not so much!

Successful 0.5+ SVGTOHTML Conversion Examples........
1 6 9 10 12 15 17 18 20 21 22 23 24 27 32 34 35 36 40 42 46 47 48 49 51 54 55 56 59 63 67 66 66 68 69 70 71 72 73 74 77 78 80 82 83 84 86 87 88 90 91 89 93 95 98 99 101 103 104 105 106 107 108 109 110 111 112 113 114 114 117 118 119 120 121 122 123 125 126 127 128 129 130 132 131 133 134 135 136 137 138 139 142 143 144 140 145 146 147 148 149 151 152 153 153
Main changes and plans....

Files that failed showed me the bugs.
Quite a few failed files now get converted ok with 0.5+.

Important links

   Get the Kit!!!. If you don't have an SVG editor already then you should download Inkscape to get started.
There is also Shakthi's online SVG editor. You can open this tool here to start creating and saving SVG.
Open your editor or get existing SVG from the clipart library here and then use the conversion utilities on this page.

Small Page Logo

How to use the SVG to HTML tool

(1)Open SVG to HTML tool in either the Chrome, Firefox, Safari or Opera browser.
(2)Click on the little blue "SVG" button.
(3)Select the SVG file from the dialog asking for a file.
(4)Hit the blue "Convert" button.
(5)A little server clock appears for larger more complex files.
(6)Click the "Collect" button.
(7)Please report bugs and we can fix them quickly.

Small Page Logo

How to use the SVG to SVG Script tool

(1)Paste your entire SVG code to the left text area of the tool.
(2)Transfer code to the right text area by using the larger arrows.
(3)View the codes output using the small arrows.
(4)The code can be transferred to your web page as required.
(5)Please report bugs and we can fix them quickly.

Diary Archives.
  • Archive.
Back to Development