BitmapFill Sample

Throws an error when image is not loaded

by lannymcnie

HTML

<script src="http://code.createjs.com/createjs-2014.12.12.combined.js"></script>
<canvas id="canvas" width="800" height="600"></canvas>

JavaScript

var stage = new createjs.Stage("canvas");
createjs.Ticker.on("tick", stage);

function drawShape() { 
    
    var shape = new createjs.Shape();
    stage.addChild(shape);
    
    shape.graphics.clear()
        .beginBitmapFill(img);//, "repeat", matrix)
		var fill = shape.graphics.drawRect(0,0,800,600).command;
        
    createjs.Tween.get(fill, {loop:true}).to({x:500, y:500}, 3000, createjs.Ease.quadInOut);
}

var img = new Image();
img.onload = drawShape;
img.src = "http://upload.wikimedia.org/wikipedia/pt/0/02/Homer_Simpson_2006.png";