Jump to content

Text overflow


julacariote
 Share

Recommended Posts

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

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

 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...