# Sprite to DOM element?
**URL:** https://phaser.discourse.group/t/sprite-to-dom-element/5469
**Category:** Phaser 2 / CE
**Created:** [March 11, 2020, 2:18am UTC](https://phaser.discourse.group/t/sprite-to-dom-element/5469 "2020-03-11T02:18:30Z")
**Posts on this page:** 5
**Page:** 1
### Author:  [@goatfinger07](https://phaser.discourse.group/u/goatfinger07)
#### Post date: [March 11, 2020, 2:18am UTC](https://phaser.discourse.group/t/sprite-to-dom-element/5469/1 "2020-03-11T02:18:30Z")
Is there a way to render a Sprite or Group to a DOM or element?
---
### Author:  [@samme](https://phaser.discourse.group/u/samme)
#### Post date: [March 11, 2020, 4:06pm UTC](https://phaser.discourse.group/t/sprite-to-dom-element/5469/2 "2020-03-11T16:06:12Z")
Not exactly, but you can [draw to a bitmap](http://phaser.io/examples/v2/bitmapdata/draw-group) and then create an `![]()
` from that.
---
### Author:  [@goatfinger07](https://phaser.discourse.group/u/goatfinger07)
#### Post date: [March 12, 2020, 7:59pm UTC](https://phaser.discourse.group/t/sprite-to-dom-element/5469/3 "2020-03-12T19:59:08Z")
Hmmm… I can draw to a bitmap, but haven’t figured out how to render that to an `![]()
`. Is there something obvious I’m missing?
Thank you so much for the response 🙂
---
### Author:  [@samme](https://phaser.discourse.group/u/samme)
#### Post date: [March 12, 2020, 9:49pm UTC](https://phaser.discourse.group/t/sprite-to-dom-element/5469/4 "2020-03-12T21:49:42Z")
```javascript
var img = new Image();
img.src = bitmapData.canvas.toDataURL();
document.body.appendChild(img);
```
---
### Author:  [@goatfinger07](https://phaser.discourse.group/u/goatfinger07)
#### Post date: [March 14, 2020, 1:31am UTC](https://phaser.discourse.group/t/sprite-to-dom-element/5469/5 "2020-03-14T01:31:06Z")
Wow - exactly what I was missing. Thank you so much!!!
🙂