SVG Sample

fiddle.js

enyo.ready(function() {
    enyo.kind({
        name: 'Svg',
        svg: '',
        rendered: function() {
            this.inherited(arguments);
            this.svgChanged();
            // Can only call when we have a node
        },
        svgChanged: function() {
            var node = this.hasNode();
            if(node) {
                node.innerHTML = '<embed src="' + this.svg +
                    '" type="image/svg+xml" />';
            }
        }
    });

    enyo.kind({
        name: 'View',
        components: [
            { kind: 'Svg', svg: 'http://upload.wikimedia.org/wikipedia/commons/8/84/Example.svg' }
        ]
    });
    
    new enyo.Application({name: 'app', view: 'View'});
});

fiddle.manifest

name: SVG Sample
description: A naieve implementation of an SVG control
authors:
  - Roy Sutton
normalize_css: no