var ball = {
    x: 20,
    y: 500,
    vx: 100,
    vy: 100,
    width: 13,
    height: 13,
    draw: function() { 
        var img = new Image();  
        img.src = 'images/ball.png';  
        img.onload = function(){  
            ctx.drawImage(img, this.x, this.y);  
        };
    },

Eu quero que a linha de código drawImage () se refira a ball.x e ball.y. Em vez de usar ball.xe ball.y, eu quero usar a palavra chave "this" para que eu possa transformar o objeto bola em uma função que é um construtor / protótipo de massa se eu acabar querendo (capaz de fazer ball1, ball2 , bola3 etc.). Eu acho que "isso" não está mais se referindo a bola porque está em uma função aninhada? Existe alguma maneira de contornar isso sem codificar ball.x e ball.y nos argumentos drawImage?