dist/bezierizer.js
function Bezierizer (container) {
  this.$el = $(container);
  this.$el.append($(HTML_TEMPLATE));

  this._$canvasContainer = this.$el.find('.bezierizer-canvas-container');
  this._$canvas = this._$canvasContainer.find('canvas');
  this._$handleContainer = this.$el.find('.bezierizer-handle-container');
  this._$handles = this._$handleContainer.find('.bezierizer-handle');

  this._ctx = this._$canvas[0].getContext('2d');
  this._$canvas[0].height = this._$canvas.height();
  this._$canvas[0].width = this._$canvas.width();

  this._$handles.dragon({
    within: this._$handleContainer
  });

  this._points = {};
  this.setHandlePositions({
     x1: 0.25
    ,y1: 0.5
    ,x2: 0.75
    ,y2: 0.5
  });

  this._initBindings();
}
function Bezierizer (container) {
  this.$el = $(container);
  this.$el.append($(HTML_TEMPLATE));

  this._$canvasContainer = this.$el.find('.bezierizer-canvas-container');
  this._$canvas = this._$canvasContainer.find('canvas');
  this._$handleContainer = this.$el.find('.bezierizer-handle-container');
  this._$handles = this._$handleContainer.find('.bezierizer-handle');

  this._ctx = this._$canvas[0].getContext('2d');
  this._$canvas[0].height = this._$canvas.height();
  this._$canvas[0].width = this._$canvas.width();

  this._$handles.dragon({
    within: this._$handleContainer
  });

  this._points = {};
  this.setHandlePositions({
     x1: 0.25
    ,y1: 0.5
    ,x2: 0.75
    ,y2: 0.5
  });

  this._initBindings();
}
function Bezierizer ( container ) { this . $el = $ ( container ) ; this . $el . append ( $ ( HTML_TEMPLATE ) ) ; this . _$canvasContainer = this . $el . find ( '.bezierizer-canvas-container' ) ; this . _$canvas = this . _$canvasContainer . find ( 'canvas' ) ; this . _$handleContainer = this . $el . find ( '.bezierizer-handle-container' ) ; this . _$handles = this . _$handleContainer . find ( '.bezierizer-handle' ) ; this . _ctx = this . _$canvas [ 0 ] . getContext ( '2d' ) ; this . _$canvas [ 0 ] . height = this . _$canvas . height ( ) ; this . _$canvas [ 0 ] . width = this . _$canvas . width ( ) ; this . _$handles . dragon ( { within : this . _$handleContainer } ) ; this . _points = { } ; this . setHandlePositions ( { x1 : 0.25 , y1 : 0.5 , x2 : 0.75 , y2 : 0.5 } ) ; this . _initBindings ( ) ; }
Creates a Bezierizer widget and inserts it into the DOM.
@param {Element} container The container element to insert the Bezierizer widget into.
@constructor
Creates a Bezierizer widget and inserts it into the DOM .