SVGWeb is a JavaScript library which provides SVG
support on many browsers, including Internet Explorer, Firefox, and
Safari. Using the library plus native SVG support you can instantly
target ~95% of the existing installed web base.
Once dropped in you get partial support for SVG 1.1, SVG Animation (SMIL), Fonts, Video and Audio, DOM and style scripting through JavaScript, and more in a small library. Your SVG content can be embedded directly into normal HTML 5 or through the OBJECT tag. If native SVG support is already present in the browser then that is used, though you can override this and have the SVG Web toolkit handle things instead. No downloads or plugins are necessary other than Flash 10 which is used for the actual rendering, so it's very easy to use and incorporate into an existing web site.
This project is currently in Beta stage development. Many essential SVG features have been implemented but many other features have not been implemented such as filters (except blur, which is implemented) and CSS. Of the remaining features to be developed, some may never be developed, such as advanced filters, unless flash provides a reasonable way to do it.
It should also be noted that while Google has contributed to this project, Google is not providing support for this project. If you find a bug please file an Issue. Difficult problems generally take some time to get fixed but questions are usually answered quickly. If you have questions on using SVG Web please use the Google Group forum.
Also, if you are using SVG Web in your own project please add yourself to the ProjectsUsingSVGWeb page!
from https://code.google.com/p/svgweb/
Once dropped in you get partial support for SVG 1.1, SVG Animation (SMIL), Fonts, Video and Audio, DOM and style scripting through JavaScript, and more in a small library. Your SVG content can be embedded directly into normal HTML 5 or through the OBJECT tag. If native SVG support is already present in the browser then that is used, though you can override this and have the SVG Web toolkit handle things instead. No downloads or plugins are necessary other than Flash 10 which is used for the actual rendering, so it's very easy to use and incorporate into an existing web site.
This project is currently in Beta stage development. Many essential SVG features have been implemented but many other features have not been implemented such as filters (except blur, which is implemented) and CSS. Of the remaining features to be developed, some may never be developed, such as advanced filters, unless flash provides a reasonable way to do it.
It should also be noted that while Google has contributed to this project, Google is not providing support for this project. If you find a bug please file an Issue. Difficult problems generally take some time to get fixed but questions are usually answered quickly. If you have questions on using SVG Web please use the Google Group forum.
One Minute Intro
Demos
- Draggable photos demo (scripted with JavaScript + SVG Image tag)
- Bouncing ball demos: 1, 2
- Draggable videos demo with live video playing (scripted with JavaScript + Video tag)
- Animated Scimitar using Audio tag and Animation (SMIL) tags
- Simple animation using animation tags (SMIL): 1, 2, 3
- Animating video using tags (SMIL + Video)
- Animated SVG Open banner with gradients, user-defined fonts (SVG Fonts), and animation (SMIL) tags
- Defining and using custom fonts (SVG Fonts) demo
- Complex static images: tiger, sporty car, techy car
- Using viewer to render clip art: Android logo, Cartman, Mono logo
- Falling blocks game; shows direct embedding SVG into normal non-XHTML HTML 5 and then scripting it with normal JavaScript
- Simple 'hello world' showing how to direct embed SVG into normal, non-XHTML HTML 5
- Simple 'hello world' showing how to use the OBJECT tag (including for IE) to embed SVG
- Simple sample showing how to direct embed multiple SVG into your page
- Simple sample showing how to embed multiple SVG OBJECTs into your page and then style them with CSS
- SVG 1.1 test suite modified to use SVG Web instead
Getting Started
A Quick Start guide is available to get going fast. More in-depth technical documentation is also available once you have read the Quick Start guide.Also, if you are using SVG Web in your own project please add yourself to the ProjectsUsingSVGWeb page!
from https://code.google.com/p/svgweb/
