internet-explorer - Internet Explorer 10 不尊重 SVG 文本主导基线属性？

Question

以下 SVG 文件:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="400" height="400">
    <g transform="translate(200, 200)">
        <text text-anchor="middle" dominant-baseline="text-after-edge">Why don't I move?</text>
    </g>
</svg>

如果我更改 text，在 Internet Explorer 10.0 中呈现完全相同的 dominant-baseline归因于 text-before-edge .

在 Chrome 38.0 中，它会按照我的预期移动。

This demo page应该说明所有不同的 dominant-baseline设置。它也适用于 Chrome，但所有文本块都显示在 IE 中的相同 y 位置。

然而，this Microsoft documentation使它看起来甚至 IE 9 也支持该属性。

我的 SVG 文件(和演示文件)是否还有其他无效的东西使 IE 窒息，或者我是否需要使用我的布局手动执行此操作？

我正在生成以绝对坐标布局的文件，因此如果我需要停止使用此基线属性并自己进行偏移，这不是一个大问题。

Answer 1

dominant-baseline根据 this Microsoft documentation，Internet Explorer 9、10、11 和 Edge(测试版)不支持.您唯一的选择是使用 dy 手动垂直定位.