WelcomeThis new "Code Coverted SVG" window lists all the Raphael/Javascript generated from the uploaded SVG files in date order.
If you come here after converting an SVG file your file will be on top of the pile.
On selecting your file (or exploring others) the code output appears in the playground window.
NOTE THAT THE SIZE OF THE FILE APPEARS IN BRACKETS NEXT TO THE FILE NAME. IF YOU ARE EXPLORING A LARGER FILE YOU MIGHT NEED TO SELECT IT MORE THAN ONCE TO GET THE COMPLETE AJAX CALL COMPLETED. SELECT ONCE AND WAIT. LIMIT SELECTING TO 2 OR 3 ATTEMPTS WITH 1-2 SECOND INTERVALS BETWEEN EACH ATTEMPT. SMALL FILES WILL BE OBTAINED ON THE FIRST SELECTION.
The code output will automatically be forced into the 640X480 area so the following issues are worth mentioning.
(1)As you mouse over the code output in the playground window you will automatically update the path number displayed in the button above, this "path number" matches the index number of the "cb array".
Clicking the path will seperate the line in the code window so that you can add further bespoke code more easily.
(2)After making changes to the Javascript you can remove the "helper code" which initially shifts the SVG into the 640X480 playground (The helper code also includes the default click, mouseover and mouseout events-NEVER REMOVE THESE MANUALLY BUT YOU CAN ADD TO THEM, THEY WILL BE REMOVED WHEN YOU CLICK THE 'Remove Helper Code when done' BUTTON AT THE END. They WILL NOT BE REMOVED if you have overwritten them with your own application / bespoke code).
(3)If your being productive you can easily go back and make more files by clicking the SVGtoHTML button or clicking
here.
(4)Review the initial page by clicking the red "Page" link next to the bracketed file size. There is no Page link with early versions of IE. It's not recommended to use early versions of IE(6-8) with the converter or this page.
(5)If your SVG contains radial gradients they are not always performing correctly in this early version (Gradients are being enhanced in version 7 of the converter).
(6)The black and white file list will contain the 100 most recent conversions. Files are deleted when they fall outside this number.