Inserçao de texto

[tropa157 1]

Pessoal da comunidade peço a ajuda de vcs. Atualmente necessito de uma ajuda pra inserir um texto em uma imagem: o texto e um numero. 10, 20....

link da imagem https://uploaddeimagens.com.br/imagens/projetil-png 

 

blocks = {

        //obstaculo: [],
        spriteBlocks: [],
        spriteBlocks_2: [],
        sprite_1: new Image(),
        sprite_2: new Image(),
        sprite_3: new Image(),
        sprite_4: new Image(),
        sprite_5: new Image(),
        //cores: ["#f00", "#00f", "#0f0", "#330066", "#FF9900", "#CC99CC", "#FFFFCC", "#CCCC99"],
        valorPosX: 0,
        valorPosY: -100,
        valorWidth: 100,
        valorHeight: 100,
        speed: 0.8,
        tempoInsere: -100,
        sorteioBlock_1PosX: [0, 100, 200, 300, 400],
        sorteioSprite: ["img/blocks/block1.png", "img/blocks/block2.png", "img/blocks/block3.png", "img/blocks/block4.png", "img/blocks/block5.png"],

        //INSERE OS BLOCKS NO ARREY OBSTACULO E ATRIBUI ARACTERISTICAS
        insere: function(){

            this.sprite_1.src = this.sorteioSprite[Math.floor(this.sorteioSprite.length * Math.random())];
            this.sprite_2.src = this.sorteioSprite[Math.floor(this.sorteioSprite.length * Math.random())];
            this.sprite_3.src = this.sorteioSprite[Math.floor(this.sorteioSprite.length * Math.random())];
            this.sprite_4.src = this.sorteioSprite[Math.floor(this.sorteioSprite.length * Math.random())];
            this.sprite_5.src = this.sorteioSprite[Math.floor(this.sorteioSprite.length * Math.random())];
        
            this.valorPosX = 0;
            var img_1 = new Blocks(this.sprite_1, 0, 0, 100, 100, this.sorteioBlock_1PosX[Math.floor(this.sorteioBlock_1PosX.length * Math.random())], this.valorPosY, this.valorWidth, this.valorHeight);
            this.spriteBlocks.push(img_1);

            this.valorPosX += this.valorWidth;
            var img_2 = new Blocks(this.sprite_2, 0, 0, 100, 100, this.valorPosX, this.valorPosY, this.valorWidth, this.valorHeight);
            this.spriteBlocks.push(img_2);

            this.valorPosX += this.valorWidth;
            var img_3 = new Blocks(this.sprite_3, 0, 0, 100, 100, this.valorPosX, this.valorPosY, this.valorWidth, this.valorHeight);
            this.spriteBlocks.push(img_3);

            this.valorPosX += this.valorWidth;
            var img_4 = new Blocks(this.sprite_4, 0, 0, 100, 100, this.valorPosX, this.valorPosY, this.valorWidth, this.valorHeight);
            this.spriteBlocks.push(img_4);

            this.valorPosX += this.valorWidth;
            var img_5 = new Blocks(this.sprite_5, 0, 0, 100, 100, this.valorPosX, this.valorPosY, this.valorWidth, this.valorHeight);
            this.spriteBlocks.push(img_5); 

[tropa157 1]

up

[tropa157 1]

up