Svg Viewer Demo
Svg Viewer Demo
Jul 04

We are still working on the new editor for both InputDraw and Comics Sketch. Here is a short demo of the current state of the SVG Viewer.
It still has its glitches and bugs.. and not every Svg will load, but we are getting there. But more important than the svg viewing capabilities is the draw creation process and interaction, so we will be heading that way soon.
In this demo you can see some draw examples. You can it they’re source and edit it, so you can just write a SVG and see how it goes. Zoom is also available. If you care, send us some feedback, it will be useful!
ps- After the message “Downloading… Please wait.” you should read “Loaded. Now Rendering.. will be quick
”, but atually I never saw it!eheh
Put it in the SVG Wiki viewer matrix
I’ll work on it
thks
If you’re not already using Degrafa, you may find it to be a useful library for rendering SVG in Flex.
http://degrafa.com/
http://code.google.com/p/degrafa/
Greg,
The problem with SVG is to parse it correctly. Degrafa has it own syntax. And Degrafa lacks on some features present (and that we use) on SVG.
Nevertheless, it is a great project and we did look at its source at a point. Ricardo (working on the development) even send the project a note regarding a possible infinite loop on spline approximation.
Thanks for the info
This was just for your information, Degrafa is a library and not an ‘application’ or viewer so yes, it does still require some coding to instantiate Degrafa objects from the data obtained from the SVG file, but that is relatively easy – and you can do it from actionscript instead of using mxml – which is why I thought it may help reduce duplicated effort for your project.
I have worked on the SVG path parsing for Degrafa to fix a few edge case errors as well as optimization…perhaps even the one that Ricardo reported, so I know what you mean by “has its glitches and bugs” – there are a couple I can still see in the tiger image above. The Degrafa code is open and so you may find some recent code fixes for your own rendering glitches.
Please feel free to contact me directly to let me know what SVG features Degrafa lacked that influenced your decision not to use it. We are always interested in feedback like that so we can work to improve Degrafa. And thanks again for the bug report from your team… those are always welcome!
Degrafa was just a sub-part of our core Lib. Things like Text rendering, SVG paths (that can have spline and polyline on the same node) and the need to have much control over the drawn elements (for manipulation proposes) were the main reasons to do it ourself. Nevertheless, we did saw Degrafa code and will probably see it again in future as is has many things in common with our lib and can be of great help.
Whenever we see that we can contribute, we will.
You guys have done a great job!
will the SVG rotated text can be displayed exactly in the FLASH ??????
If it doesn’t now.. it will probably in the first release.
Wow, this is really cool! I’m very interested in learning more about this; is it open source? Please feel free to email me at the address given. I work with Google and am investigating the state of cross-browser, SVG shim libraries.
Best,
Brad Neuberg
http://codinginparadise.org
Hi,
I’m a little confused. My browser is showing the draws using Adobe Flash player??? is it supposed to be the way to view svg files???
Thanks
Hung
Hi Hung,
SVG is not still cross-browser (IE on it’s best), so, using flash, that is cross-browser is a good solution.
On top of that, SVG is just a standard for vector graphics, so, having a lib on actioscript that allow you to import them and manipulate them is quite nice to do all sorts of graphic application that can recure to outside graphic libraries
SVGWeb has some great samples of cross-browser SVG support, including svg ANIMATION! There are samples that can either be rendered under flash or using browser’s native svg support.
A great project:
http://code.google.com/p/svgweb