Preciso desenhar diversas imagens em diversos canvas, por isso, gostaria de fazer uma função genérica que me permitisse passar os argumentos para desenhar as imagens posicionadas.
Pensei na seguinte função genérica:
var drawIt = new function(CanvasCtx,drawObj,x,y) {
this.CanvasCtx = CanvasCtx;
this.drawObj = drawObj;
this.x = x;
this.y = y;
this.drawObj.onload = function(){
this.CanvasCtx.drawImage(this.drawObj,this.x,this.y)
}
}
Então quando eu definisse o Canvas e a imagem:
var canvas = document.getElementById("mycanvas");
var ctx = canvas.getContext("2d");
var Image1 = new Image();
Image1.src = "https://www.google.com.br/images/srpr/logo11w.png";
Eu poderia definir uma função para iniciar on body load:
function drawScreen(){
drawIt(ctx,Image1,100,100);
}
Porém eu recebo o erro de que a propriedade onload não pode ser atribuida a um objeto não-identificado.
Alguém pode me ajudar a construir essa função genérica?
this.y = ;
Essenew
não é necessário:new function(...)
new function
mas ignoram os argumentos. O nodejs cria um objeto que não pode ser chamado:typeof drawIt === 'object'
new function
é válido: gist.github.com/qgustavor/9336704new function(){}
é a mesma coisa quenew referenciaDeFuncaoQualquer()
. A questão é que isso é executado imediatamente. Basicamente, esse código define o construtor e o invoca logo em seguida.