LabelTTF's ugly stroke on web platform

LabelTTF's ugly stroke on web platform
0.0 0


cocos2d-x version: 3.13.1

  • devices test on: MacBook Pro (Retina, 15-inch, Mid 2014)
  • browser type and version: Google Chrome 59.0.3071.115 (Official Build) (64-bit)

I am encountering a problem enabling stroke for my cc.LabelTTF object in my web game. This issue only exists after I upgraded my project from Cocos2d-x 3.10 to Cocos2d-x 3.13.1.

You can see the problem right in the original js-test project by choosing Label Test section. Here is the result after I added some texts which I used in my game. I did some slight modifications in LabelTest.js on stroke size and stroke color, just to show the problem more clearly.

P/s: I tried upgrading cocos2d-x to the newest version 3.15.1 but the problem still exists.


Any solution for this issue?

For most of the Font Peaks lines appearing at the top of the Label. I have attached screenshot for reference.

Its not related to Font Type. Since same problem appears for Arial as well. I think there is some issue while adding stroke to Label.



Is this issue solved?