#

- About CanVG Ext
- Instructions
- SVG Views ("Pages")
- Tiger
- Butterfly
- World
- Ball
- Tiger (SVG direct, no CanVG)

## About CanVG Extension

iui-canvg.js is an extension for the iUI framework. It is currently EXPERIMENTAL

It uses CanVG to render SVG images into HTML5 canvas tags.

SVG support is not required, but canvas support is required.

For info on how to use this extension see Instructions.

Sean Gilligan

## CanVG Ext - instructions for use.

The CanVG Extension is easy to install into your iUI powered web app. It requires no changes to existing iUI components. Start by linking the iui-canvg.js to your main index file just like the you would iui.js.

The canvg extension requires canvg.js and rgbcolor.js. It requires HTML5 canvas support in the browser, but does not require SVG support.

You can now place compatible SVG content in iUI "pages" and have it automatically rendered in an HTML canvas

Use the following markup for each iUI view ("page") that contains an SVG image:

<div id="svg1" >

<a href="path/to/image.svg" target="_self" rel="iuicanvg" >

<canvas></canvas>

</a>

</div>

The CanVG Extension will use JavaScript to render the SVG image into the canvas tag before the iUI view (aka "page") is made active.