Svg Viewer Demo

Svg Viewer Demo

Jul 04
Google Buzz

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 :D ”, but atually I never saw it!eheh

12 comments

  1. stelt

    Put it in the SVG Wiki viewer matrix

  2. I’ll work on it :) thks

  3. 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/

  4. 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 ;)

  5. 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!

  6. 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!

  7. B

    will the SVG rotated text can be displayed exactly in the FLASH ??????

  8. If it doesn’t now.. it will probably in the first release.

  9. 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

  10. Hung

    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

  11. 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

  12. 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

Trackbacks/Pingbacks

  1. Ajaxian » The State of SVG Browser Support + Using Flash for SVG in Internet Explorer - [...] heard about this possibility but recently found a small company actually doing it to good effect. They have not ...
  2. Javascript News » Blog Archive » The State of SVG Browser Support + Using Flash for SVG in Internet Explorer - [...] One natural avenue is to emulate SVG or other 2-D graphics on Internet Explorer using Flash. I had always ...
  3. Ajax Girl » Blog Archive » The State of SVG Browser Support + Using Flash for SVG in Internet Explorer - [...] One natural avenue is to emulate SVG or other 2-D graphics on Internet Explorer using Flash. I had always ...
  4. The State of SVG Browser Support + Using Flash for SVG in Internet Explorer | "IT" - I LIKE "IT" ! - [...] One natural avenue is to emulate SVG or other 2-D graphics on Internet Explorer using Flash. I had always ...

Leave a Reply

ERROR: si-captcha.php plugin says GD image support not detected in PHP!

Contact your web host and ask them why GD image support is not enabled for PHP.

ERROR: si-captcha.php plugin says imagepng function not detected in PHP!

Contact your web host and ask them why imagepng function is not enabled for PHP.