Using Phaser3 in vueJs to run the game.
I used Phaser3 createFromHtml() to create a video tag
and gave it a border-radius of 20px for the design.
Right next to it, I used createFromHtml() with a P tag to create text.
I also had a font and increased the font size, but
the text pixels were getting blurry.
To solve this, I tried things like displayPixelRotate, creating it with this.add.text and settingScale (high value), and using this.add.dom object setScale (high value), etc., but failed.
After removing the video’s border-radius, the font resolution changed correctly.
I’m curious if there are other solutions to this issue (besides removing the border-radius).