Add options to style passed in BitmapText constructor.

[ShukantPal]

#6667

Description of change

• style.tint passed to BitmapText will now update the _tint property of the BitmapText and not this._font.

• Furthermore, the _tint field from _font is removed (it was never referenced anywhere else).

• Added additional options to IBitmapTextStyle: letterSpacing, maxWidth, maxLineHeight, anchor, roundPixels

• Updated the BitmapText constructor parameter documentation to reflect the above options

Pre-Merge Checklist

• Documentation is changed or added
• Lint process passed (npm run lint)
• Tests passed (npm run test)

[codecov-commenter]

Codecov Report

Merging #6671 into dev will not change coverage.
The diff coverage is n/a.

@@            Coverage Diff            @@
##               dev     #6671   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files           16        16           
  Lines          678       678           
=========================================
  Hits           678       678           

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 89305c5...6b7f8bd. Read the comment docs.

[bigtimebuddy]

Thanks for taking a stab at this. I'm really not crazy about this existing _font object. What if we deprecate that font getter/setter and break out the properties separately. Why does this have to be an object? Can't we just have separate properties for name/size/align?

Also, we should make sure that font is deprecated properly for backward compatibility support.

[bigtimebuddy]

Okay, I'm good with this one. I made a couple of tweaks:

• Added setters for fontName and fontSize
• Fixed the deprecation (both in constructor and font setter)
• Defined defaults using Object.assign
• Upgrade deprecations in tests
• Removes roundPixels and anchor from style options (these are rendering options, not "style")

Here's a demo just to prove that the deprecations still work:
https://jsfiddle.net/bigtimebuddy/har5kmcf/

const text = new PIXI.BitmapText(
  'Hello World',
  { font: fontName } // deprecated, must be `fontName` as style prop
);
text.font = fontName; // setter has ben removed
text.font = '20px ' + fontName; // setter with size has been removed
text.font = { name: fontName, size: 20 }; // set as an object has been removed

[GoodBoyDigital]

👍