Mirrors/phaser
2
0
Fork 0
mirror of https://github.com/photonstorm/phaser synced 2025-02-16 14:08:28 +00:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #6883 from RomanFrom710/6880-text-with-stroke-and-letter-spacing-issue

Browse source 
Apply stroke letter by letter if there is custom letter spacing
This commit is contained in:
Richard Davey 2024-08-06 21:54:21 +01:00 • committed by GitHub
commit 1624312aea
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 14 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/gameobjects/text/Text.js
View file

@ -1391,7 +1391,11 @@ var Text = new Class({
linePositionY = Math.round(linePositionY); linePositionY = Math.round(linePositionY);
} }
if (style.strokeThickness) var letterSpacing = this.letterSpacing;
// Apply stroke to the whole line only if there's no custom letter spacing
if (style.strokeThickness && letterSpacing === 0)
{ {
style.syncShadow(context, style.shadowStroke); style.syncShadow(context, style.shadowStroke);
@ -1404,8 +1408,6 @@ var Text = new Class({
// Looping fillText could be an expensive operation, we should ignore it if it is not needed // Looping fillText could be an expensive operation, we should ignore it if it is not needed
var letterSpacing = this.letterSpacing;
if (letterSpacing !== 0) if (letterSpacing !== 0)
{ {
var charPositionX = 0; var charPositionX = 0;
@ -1415,6 +1417,15 @@ var Text = new Class({
// Draw text letter by letter // Draw text letter by letter
for (var l = 0; l < line.length; l++) for (var l = 0; l < line.length; l++)
{ {
if (style.strokeThickness)
{
style.syncShadow(context, style.shadowStroke);
context.strokeText(line[l], linePositionX + charPositionX, linePositionY);
style.syncShadow(context, style.shadowFill);
}
context.fillText(line[l], linePositionX + charPositionX, linePositionY); context.fillText(line[l], linePositionX + charPositionX, linePositionY);
charPositionX += context.measureText(line[l]).width + letterSpacing; charPositionX += context.measureText(line[l]).width + letterSpacing;