Text stroke + shadow looks bad on latest iOS

phaserjs / phaser-ce

Phaser CE is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.

http://phaser.io

MIT License

1.34k stars 491 forks source link

Text stroke + shadow looks bad on latest iOS #648

Open followyouhome opened 4 years ago

followyouhome commented 4 years ago

This Issue is about (pick one, ✏️ delete others)

A bug in the API:
- Phaser version(s): 2.6.2 on demo page, 3.20.1 on my private project
- Live example: https://phaser.io/examples/v2/text/text-shadow-stroke
- What steps produce the bug: Visit https://phaser.io/examples/v2/text/text-shadow-stroke with devices on iOS 12 and iOS 13
- What should happen: iPhone 7 with iOS 12.3.1
- What happens instead: iPhone X with iOS 13.1.2
- If there's an error: no
An error in the documentation: no
An error in the TypeScript definitions: no

PonyOny commented 4 years ago

I'm having the same issue how did you fix this? I see you closed this issue, i'm only facing this shadow issue on IOS

Iphone 7, IOS: 13.3, tested in Chrome & Safari

followyouhome commented 4 years ago

@PonyOny oops, I closed it by mistake. Going to reopen it.

0xf0f0f0 commented 4 years ago

@samme hi Maybe i found a solution how to fix it on Iphone devices (something with shadowBlur && strokeText, i think it's Apple bug). We can draw the first shadow layer for each letter, then reset shadow styles for stroke and draw strokeText, what do you think about it?

samme commented 4 years ago

@geekofcola can you make an example?

0xf0f0f0 commented 4 years ago

@samme sure

AnnaVeller commented 2 years ago

Hey! Have you found a solution to this issue?