Exibindo a imagem do elemento img (Phaser3)

Coisas que eu quero fazer
1. Exemplo de uso
implementação
Resultado
Sites que utilizei como referência

Coisas que eu quero fazer

Isso exibe a imagem definida no elemento “ no Phaser3.

Exemplo de uso

Conforme demonstrado no artigo abaixo, ao realizar uma captura de tela (ScreenCapture), a imagem é retornada como um elemento img.

Para visualizar uma captura de tela, você precisa seguir os métodos descritos neste artigo.

implementação

Crie uma textura a partir de um elemento de imagem, como mostrado abaixo, e em seguida adicione uma moldura à textura usando add().

A textura que você criar pode ser adicionada à cena como uma imagem.

let image // this is image element // for example get by document.getElementById(), snapshot
let texture = new Phaser.Textures.Texture(this.textures, "resultimage", image);
texture.add("frame", 0, 0, 0, image.width, image.height);

this.add.image(width, height , texture)

Resultado

Consegui exibir o conjunto de imagens no elemento img do Phaser3.

Sites que utilizei como referência

Textures - Notes of Phaser 3