html - SVG <title> 中的多行 (Internet Explorer) |换行符、表格

Question

我想使用 <title> 将多行工具提示添加到我的 SVG 路径中标签。

它在 Chrome 中完美运行，但我尝试过的换行符导致在 Internet Explorer 中出现空格。

同样在 Internet Explorer 中，多行在 title="" 中工作属性。

下面的代码片段在 svg 和按钮上有相同的多行提示。在 IE 中运行。

<svg height="100" width="100">
    <path d="M45 0 L15 80 L75 80 Z">
        <title>test&#xA;test</title>
        <!--<title>test&#xA;test</title>-->
        <!--<title>test&#10;test</title>-->
        <!--<title>test&#13;test</title>-->
    </path>
</svg>
<div><button title="test&#xA;test">It works here</button><div>

Answer 1

在IE浏览器中，使用<br>用于在 SVG 元素中添加换行符的标记；在 Microsoft Edge 和 Chrome 浏览器中使用 
添加换行符。

代码如下:

<svg height="100" width="100">
    <path d="M45 0 L15 80 L75 80 Z">
        <title>test&#xA;<br>test</title>
        <!--<title>test&#xA;test</title>-->
        <!--<title>test&#10;test</title>-->
        <!--<title>test&#13;test</title>-->
    </path>
</svg>
<div><button title="test&#xA;test">It works here</button></div>

输出如下:

IE浏览器:

Chrome 浏览器: