Captura de tela (Phaser3) de uma parte da tela

Coisas que eu quero fazer

Esta imagem captura uma imagem da tela (instantâneo) exibida no Phaser3.

Tentei obter o elemento Canvas e depois a imagem, mas não consegui obter o contexto 2D, então procurei outro método.

Invoque a seguinte função em qualquer cena.

this.game.renderer.snapshotArea(x, y, width, height, callback);

x e y são coordenadas a partir do canto superior esquerdo da área de exibição.

(A área vermelha no diagrama abaixo é a área a ser capturada.)

O argumento para a função de retorno de chamada é um elemento Image.

Por exemplo, defina a seguinte função como um retorno de chamada (callback).

(Uma captura de tela da tela exibida no Phaser3 é mostrada na parte inferior do HTML.)

(image) =>{
    document.body.append(image) 
}

Consegui gerar uma imagem da tela exibida no Phaser3.

O formato da imagem é PNG. (Isso pode ser alterado.)