julacariote Posted April 18, 2016 Share Posted April 18, 2016 Hi there, Is there any build-in way to make a text behave like if it had the CSS "overflow: hidden" property? Basically, I have a long text I want to write on a single line but I want any characters beyond a certain width hidden. Thanks! Link to comment Share on other sites More sharing options...
mattstyles Posted April 18, 2016 Share Posted April 18, 2016 I don't think so, you'll probably have to count characters and truncate (trivial for monospaced fonts, difficult for everything else), or try something like rendering to a texture and using a mask on that texture. Link to comment Share on other sites More sharing options...
BliantFive Posted April 18, 2016 Share Posted April 18, 2016 If you know the text wont be verry long you could just write a function that does: str = str.substring(0, str.length - 1); until the width of the text is the width of what you need. Something like: function shortentextbypixel(phasertext, maxpixel){ for(var i = 0; phasertext.width > maxpixel; i++){ phasertext.text = phasertext.text.substring(0, phasertext.text.length - 1); } } Untested. Link to comment Share on other sites More sharing options...
julacariote Posted April 19, 2016 Author Share Posted April 19, 2016 Thanks you very much for your suggestions. I should get it done now ! Link to comment Share on other sites More sharing options...
Batzi Posted April 19, 2016 Share Posted April 19, 2016 Check this out: http://phaser.io/examples/v2/text/word-wrap Link to comment Share on other sites More sharing options...
Recommended Posts