# Skew bitmapText

**URL:** <https://phaser.discourse.group/t/skew-bitmaptext/11670>\
**Category:** Phaser 3\
**Created:** [May 9, 2022, 10:20pm UTC](https://phaser.discourse.group/t/skew-bitmaptext/11670 "2022-05-09T22:20:46Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![bolox](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/bolox/32/6510_2.png) [@bolox](https://phaser.discourse.group/u/bolox)\
**Post date:** [May 9, 2022, 10:20pm UTC](https://phaser.discourse.group/t/skew-bitmaptext/11670/1 "2022-05-09T22:20:46Z")

</div>

Hi !

Is there a way to skew a bitmapText ?

Thanks

---

<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:** [May 10, 2022, 2:53pm UTC](https://phaser.discourse.group/t/skew-bitmaptext/11670/2 "2022-05-10T14:53:48Z")

</div>

I don’t think so.

---

<div class="post-metadata">

**Author:** ![bolox](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/bolox/32/6510_2.png) [@bolox](https://phaser.discourse.group/u/bolox)\
**Post date:** [May 10, 2022, 8:20pm UTC](https://phaser.discourse.group/t/skew-bitmaptext/11670/3 "2022-05-10T20:20:25Z")

</div>

Ok, thanks  
And a text element ?

---

<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:** [May 11, 2022, 1:36pm UTC](https://phaser.discourse.group/t/skew-bitmaptext/11670/4 "2022-05-11T13:36:17Z")

</div>

No skew there either.

---

<div class="post-metadata">

**Author:** ![bolox](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/bolox/32/6510_2.png) [@bolox](https://phaser.discourse.group/u/bolox)\
**Post date:** [May 11, 2022, 2:05pm UTC](https://phaser.discourse.group/t/skew-bitmaptext/11670/5 "2022-05-11T14:05:12Z")

</div>

Ok,  
I’ve resolved my issue by creating an base64 image from HTML Dom ( with [domtoimage](https://github.com/tsayen/dom-to-image) ) and integrate to phaser [as quad image with rexplugin](https://rexrainbow.github.io/phaser3-rex-notes/docs/site/quad-image/) so I can create skew manualy with controlPoints.

```javascript
domtoimage.toPng(document.getElementById('my_id'))
            .then(function (dataUrl) {
            scene.textures.addBase64('texture', dataUrl);
            });
---------------
scene.add.rexQuadImage(x, y, 'texture');

```

---

<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:** [May 11, 2022, 2:07pm UTC](https://phaser.discourse.group/t/skew-bitmaptext/11670/6 "2022-05-11T14:07:12Z")

</div>

You could maybe draw to a render texture and then add a mesh game object with that texture.

---

<div class="post-metadata">

**Author:** ![bolox](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/bolox/32/6510_2.png) [@bolox](https://phaser.discourse.group/u/bolox)\
**Post date:** [May 26, 2022, 2:00pm UTC](https://phaser.discourse.group/t/skew-bitmaptext/11670/7 "2022-05-26T14:00:41Z")

</div>

Hi @samme !  
thanks for your answers,

Ok for draw in a render texture :

```javascript
var text = scene.add.text(0, 0, 'My text').setFontSize(148);
text.setVisible(false);
var rt = this.add.renderTexture(1410, 1000, 400, 400);
rt.draw(text, 0, 0);

```

but I can’t find how to apply a render texture in a mesh game object  
Can you help me ?

---

<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:** [May 26, 2022, 2:10pm UTC](https://phaser.discourse.group/t/skew-bitmaptext/11670/8 "2022-05-26T14:10:24Z")

</div>

```
rt.saveTexture('text');
```

---

<div class="post-metadata">

**Author:** ![bolox](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/bolox/32/6510_2.png) [@bolox](https://phaser.discourse.group/u/bolox)\
**Post date:** [May 26, 2022, 2:56pm UTC](https://phaser.discourse.group/t/skew-bitmaptext/11670/9 "2022-05-26T14:56:01Z")

</div>

Perfect !  
Thanks