Home/ Questions/Q 7860399
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-02T22:16:12+00:00

I needed to use a text-overflow: ellipsis; CSS declaration in Raphael text elements, but

  • 0

I needed to use a text-overflow: ellipsis; CSS declaration in Raphael text elements, but couldn’t find an existing cross-browser solution (perhaps my search skills failed me?).

So I created my own Raphael plugin fitText that does exactly what I want. It fits text to a certain width. It’s not perfect, but it works. Here’s a fiddle and a github page.

Now I’m thinking…

  1. Is my solution an overkill? In other word, do easier ways exist to tackle the problem?
  2. Is it worth the effort continuing to work on the plugin?
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    certainly not an overkill, as the text-overflow: ellipsis is not widely supported yet, and won’t be for non-modern browsers. i’ve encountered this very issue myself, and tackled it with a similar approach.

    regardless, after looking at the source, several suggestions:

    • you may want to improve performance by caching heavy calls to getBBox()
    • API design: i think passing arguments (text, width) is redundant, as this information can be retrieved from the element itself. the API end-user will probably want to just call fillText() on an element and forget about it.
    • 0