3

我认为 RaphaelJS 在 Chrome / Firefox 和 IE 7 和 8 中应该是一样的?

示例位于

http://jsfiddle.net/8UPhS/1/

文本在 Chrome 和 Firefox 上垂直居中,但在 IE 7 和 8 上,文本的基线是居中的(所以它比 FF 高几个像素)......有没有办法让它们的行为都一样?

(最好不要使用浏览器检测并将 IE 7 和 8 的文本调整为低几个像素,因为这不是一个干净的解决方案)

(在 IE 9 上,由于某种原因,图像根本没有显示,即使使用开发人员工具将 Compat 模式更改为 IE 7 或 8 ......但如果我在 IE 9 上使用链接raphael.js相同的单独页面进行操作的网站index.html,然后我得到了最糟糕的情况:有时我得到一种行为,有时我得到另一种行为,随机......它几乎看起来像是一个竞争条件)

(对于 IE 9,可以使用此页面:

http://try-raphael-text.heroku.com
http://try-raphael-text.heroku.com/raphael20.html

第二个链接是在 GitHub 的 Raphael 2.0 分支上使用 Raphael 2.0

2.0 版本实际上可以在 IE 7 上进行垂直对齐,但是在 IE 8 上,没有显示任何文本...使用这个简单的案例在 IE 9 上运行良好...但是在我们的真实页面上,它能够使 IE 9 崩溃有时)

4

1 回答 1

2

这是 Raphael 1.5.2 [1] 中的一个已知错误。我更喜欢功能检测而不是浏览器检测来解决这个错误?Raphael 提供了一个名为 svg (true|false) 的属性。看看我的例子:http: //jsbin.com/iwudu5/edit

[1] https://github.com/DmitryBaranovskiy/raphael/issues/86

于 2011-04-18T14:17:01.303 回答