canvas = document.getElementById("canvas"); canvas2 = document.getElementById("canvas2"); bikes = new Image(); bikes.src = "res/bikes.png"; bikesData = new BitmapData(300, 300); var invertMatrix=[ -1, 0, 0, 0, 255, 0, -1, 0, 0, 255, 0, 0, -1, 0, 255, 0, 0, 0, 1, 0 ]; var brightness=[ 2, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 1, 0 ]; invertFilter = new ColorMatrixFilter(invertMatrix); brightnessFilter = new ColorMatrixFilter(brightness); zeroPoint=new Point(); bikesData.draw(bikes); bikesData.applyFilter(bikesData, bikesData.rect, zeroPoint, invertFilter); context = canvas.getContext("2d"); context.putImageData(bikesData.data, 0, 0); bikesData.draw(bikes); bikesData.applyFilter(bikesData, bikesData.rect, zeroPoint, brightnessFilter); context = canvas2.getContext("2d"); context.putImageData(bikesData.data, 0, 0);