Canvas extract blank during pointerdown event

I’m trying to extract a canvas from a sprite when it has been clicked or tapped. For some reason when I use the renderer’s extract all I get is an empty canvas with the proper width and height.

Here’s the essence of my code, I can provide the actual code if neccessary.

sprite.on("pointerdown", function (e) {
    // results in the blank canvas with the dimensions of the sprite
    var canvas = app.renderer.extract.canvas(sprite);

    window.open(canvas.toDataUrl());
});

I from my tests, the extract will work on any other DisplayObject within the pointerdown event except for the DisplayObject that is the target of the event. The extract will also work on the sprite in question when I use it outside of the pointerdown event. I’m using v4.5.3 by the way.

[modjke]

@jordanhe2 Besides resetting sprite’s position you should also reset pivot, anchor, rotation and scale

[jordanhe2]

Right now I can work around it by doing the following:

sprite.interactive = true;
sprite.on("pointerdown", function (e) {
	var x = sprite.x;
	var y = sprite.y;

	// Re-render sprite at 0,0 to prevent shifting on canvas
	sprite.x = 0;
	sprite.y = 0;
	app.renderer.render(sprite);

	window.open(extract.canvas(sprite).toDataURL());

	// Place sprite back to normal position and let autoRender re-render it
	sprite.x = x;
	sprite.y = y;
});