跨浏览器SVG文本基线对齐

时间:2018-06-28 19:59:44

标签: html html5 svg cross-browser

Chrome SVG Render Screenshot

这是在Chrome浏览器中使用以下内容呈现SVG文本的方式(请注意,react so camel case属性)

onClick={addQuestion}

这是在Firefox中呈现文本的方式:

Firefox SVG Render Screenshot

找到一致的基线跨浏览器的最佳方法是什么?

1 个答案:

答案 0 :(得分:1)

将alignmentBaseline替换为dominantBaseline。

Firefox当前不支持前者属性,但支持后者。