# Save canvas using phaser3

**URL:** https://phaser.discourse.group/t/save-canvas-using-phaser3/2786
**Category:** Phaser 3
**Created:** [June 15, 2019, 10:57am UTC](https://phaser.discourse.group/t/save-canvas-using-phaser3/2786 "2019-06-15T10:57:49Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Ananth](https://avatars.discourse-cdn.com/v4/letter/a/dfb087/32.png) [@Ananth](https://phaser.discourse.group/u/Ananth)
#### Post date: [June 15, 2019, 10:57am UTC](https://phaser.discourse.group/t/save-canvas-using-phaser3/2786/1 "2019-06-15T10:57:49Z")

</div>

How to take canvas screenshot image and store on device using phaser3?

if anyone knows please help me.

thanks in advance

---

<div class="post-metadata">

### Author: ![samme](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/samme/32/5275_2.png) [@samme](https://phaser.discourse.group/u/samme)
#### Post date: [June 15, 2019, 4:10pm UTC](https://phaser.discourse.group/t/save-canvas-using-phaser3/2786/2 "2019-06-15T16:10:11Z")

</div>

[http://labs.phaser.io/index.html?dir=snapshot/](http://labs.phaser.io/index.html?dir=snapshot/)

---

<div class="post-metadata">

### Author: ![Ananth](https://avatars.discourse-cdn.com/v4/letter/a/dfb087/32.png) [@Ananth](https://phaser.discourse.group/u/Ananth)
#### Post date: [June 17, 2019, 4:47am UTC](https://phaser.discourse.group/t/save-canvas-using-phaser3/2786/3 "2019-06-17T04:47:12Z")

</div>

Hi @samme ,  
thanks for your reply,i want to store screenshot to my local device.

[http://labs.phaser.io/index.html?dir=snapshot/](http://labs.phaser.io/index.html?dir=snapshot/)

it takes screeshot but doesn’t store in local.can you show any example to do.

---

<div class="post-metadata">

### Author: ![Ananth](https://avatars.discourse-cdn.com/v4/letter/a/dfb087/32.png) [@Ananth](https://phaser.discourse.group/u/Ananth)
#### Post date: [June 18, 2019, 5:01am UTC](https://phaser.discourse.group/t/save-canvas-using-phaser3/2786/4 "2019-06-18T05:01:39Z")

</div>

Finally i got a result,

This is my code, add inside a button pointer down function

```
 var canvas;

            function exportCanvasAsPNG(id, fileName, dataUrl) {
                var canvasElement = document.getElementById(id);
                var MIME_TYPE = "image/png";
                var imgURL = dataUrl;
                var dlLink = document.createElement('a');
                dlLink.download = fileName;
                dlLink.href = imgURL;
                dlLink.dataset.downloadurl = [MIME_TYPE, dlLink.download, dlLink.href].join(':');
                document.body.appendChild(dlLink);
                dlLink.click();
                document.body.removeChild(dlLink);
            }

            game.renderer.snapshot(function (image) {                
                exportCanvasAsPNG(canvas, 'snapshot', image.src);
            });
```

---

<div class="post-metadata">

### Author: ![renathy](https://avatars.discourse-cdn.com/v4/letter/r/87869e/32.png) [@renathy](https://phaser.discourse.group/u/renathy)
#### Post date: [October 10, 2020, 9:56pm UTC](https://phaser.discourse.group/t/save-canvas-using-phaser3/2786/5 "2020-10-10T21:56:12Z")

</div>

What should be inside canvas element, not sure?