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