README
Backbone Namespaced View
Use namespaced elements in your Backbone Views.
Usage
Set the tagName
property in your Backbone.NSView
to namespace
Backbone.NSView.extend({
tagName: 'svg'
});
or to namespace:tag
:
Backbone.NSView.extend({
tagName: 'svg:rect'
});
Example
var SVGView = Backbone.NSView.extend({
tagName: 'svg',
render: function() {
this.$el.append(new Rect().render().el);
}
});
var Rect = Backbone.NSView.extend({
tagName: 'svg:rect',
render: function() {
this.$el
.attr('x', 100)
.attr('y', 100)
.css('fill', 'steelblue');
return this;
}
});
$('body').append(new SVGView().render().el);