Source: suxess/mockup-editor/tools/rectangle.js

'use strict';

/**
 *
 * @param editor
 * @constructor
 */
SUXESS.RectangleTool = function(editor) {
    SUXESS.Tool.call(this, editor);

    this._domAttributes.element = '<div>Rectangle</div>';

    this.setAction(function(canvas, position) {

        var e = new SUXESS.Element();
        var color = 'rgba(0, 0, 255, 0.3)';

        e.setState({
          background_color: color,
          position: position,
          width: 200,
          height: 100
        });
        
        this._editor.addElement(e);

        var rendered = e.render();
        canvas.append(rendered);

        SUXESS.eventManager.emit( 'suxess:element-added' );

        $(rendered).css('background', color);

    });
};

SUXESS.RectangleTool.prototype = Object.create( SUXESS.Tool.prototype );
SUXESS.RectangleTool.constructor = SUXESS.RectangleTool;