ImageNode.js

Nightbird.ImageNode = function( _nightbird, _ab, ext ){

	var it = this;

	Nightbird.Node.call( it, _nightbird );

    //sacrifice parts if texture in order to fill whole screen
    it.isModeCover = true;

    it.fileExtension = ext;
	it.width = 100;
	it.height = 10+100*it.nightbird.height/it.nightbird.width;

	it.canvas = document.createElement( 'canvas' );
	it.canvas.width = it.nightbird.width;
	it.canvas.height = it.nightbird.height;

	it.context = it.canvas.getContext( '2d' );

	it.image = new Image();

	it.loadImage( _ab );

	var outputCanvas = new Nightbird.Connector( it, true, 'canvas' );
	outputCanvas.setName( 'output' );
	outputCanvas.onTransfer = function(){
		return it.canvas;
	};
	it.outputs.push( outputCanvas );
	it.move();

    it.contextMenus.unshift( function(){
        var contextMenu = new Nightbird.ContextMenu( it.nightbird );
        contextMenu.setName( ( function(){
            return 'Switch scalemode';
        }() ) );
        contextMenu.onClick = function(){
            it.context.clearRect(0, 0, it.canvas.width, it.canvas.height);
            it.isModeCover = !it.isModeCover;
        };
        return contextMenu;
    } );
};

Nightbird.ImageNode.prototype = Object.create( Nightbird.Node.prototype );
Nightbird.ImageNode.prototype.constructor = Nightbird.ImageNode;

Nightbird.ImageNode.prototype.loadImage = function( _ab ){

	var it = this;

	var image = new Blob( [ _ab ] );

    if( it.fileExtension == "svg")
        image = new Blob( [ _ab ], {type:"image/svg+xml"} );

	it.image.src = window.URL.createObjectURL( image );
};

Nightbird.ImageNode.prototype.remove = function(){

	var it = this;

	window.URL.revokeObjectURL( it.image.src );
	Nightbird.Node.prototype.remove.call( it );

};

Nightbird.ImageNode.prototype.save = function( _hashed ){

	var it = this;

	var obj = Nightbird.Node.prototype.save.call( it, _hashed );
	obj.kind = 'ImageNode';
	return obj;

};

Nightbird.ImageNode.prototype.draw = function(){

	var it = this;

	if( it.active ){

		var x = 0;
		var y = 0;
		var w = it.image.width;
		var h = it.image.height;

        var isPortrait = w/it.canvas.width < h/it.canvas.height;

        if(  isPortrait && it.isModeCover){
			y = (h-(w*it.canvas.height/it.canvas.width))/2;
			h = w*it.canvas.height/it.canvas.width;
		} else {
			x = (w-(h*it.canvas.width/it.canvas.height))/2;
			w = h*it.canvas.width/it.canvas.height;
		}

		it.context.drawImage( it.image, x, y, w, h, 0, 0, it.canvas.width, it.canvas.height );
	}

	it.nightbird.modularContext.drawImage( it.canvas, it.posX, 10+it.posY, it.width, it.height-10 );

	Nightbird.Node.prototype.draw.call( it );

};