javascript - 我的 Raphael "text-overflow: ellipsis;"实现插件是否矫枉过正？

Question

我需要在 Raphael 文本元素中使用 text-overflow: ellipsis; CSS 声明，但找不到现有的跨浏览器解决方案(也许我的搜索技巧让我失望了？)。

所以我创建了自己的 Raphael 插件 fitText，它完全符合我的要求。它使文本适合一定宽度。它并不完美，但它确实有效。这是一个 fiddle 和一个 github page .

现在我在想...

1. 我的解决方案是否矫枉过正？换句话说，是否存在更简单的方法来解决问题？
2. 继续开发插件是否值得？

Answer 1

当然不是矫枉过正，因为 text-overflow: ellipsis 尚未得到广泛支持，并且不会用于非现代浏览器。我自己也遇到过这个问题，并用类似的方法解决了它。

不管怎样，看了源码后，有几点建议:

• 您可能希望通过缓存对 getBBox()
的大量调用来提高性能
• API 设计:我认为传递参数(text、width)是多余的，因为可以从元素本身检索此信息。 API 最终用户可能只想调用元素上的 fillText() 而忘记它。