Javascript Chrome-SVG使用<；部门>；_Javascript_Html_Css_Google Chrome_Svg

Javascript Chrome-SVG使用<；部门>；

javascript html css google-chrome svg

Javascript Chrome-SVG使用<；部门>；,javascript,html,css,google-chrome,svg,Javascript,Html,Css,Google Chrome,Svg,我目前遇到一个问题，即元素被放置在中。我知道这是因为文本是从左下角呈现的，但我不想使用SVG的“主基线”属性，因为据我所知，IE不支持它有趣的是，上面这些在IE中很好用，但在Chrome中却不行。你知道为什么会这样，或者我怎么解决吗请参见下面的基本示例（适用于IE，而非chrome）： HTML: 目前，我只是在SVG中设置了一个文本锚定。但这仍然感觉和看起来像是Chrome中的一个bug。你能添加你的HTML和CSS以便重现这个问题吗？请包括一个添加的示例代码-在Chrome中复制这个问

我目前遇到一个问题，即

元素被放置在

中。我知道这是因为文本是从左下角呈现的，但我不想使用SVG的“主基线”属性，因为据我所知，IE不支持它

有趣的是，上面这些在IE中很好用，但在Chrome中却不行。你知道为什么会这样，或者我怎么解决吗

请参见下面的基本示例（适用于IE，而非chrome）：

HTML:

目前，我只是在SVG中设置了一个

文本锚定。但这仍然感觉和看起来像是Chrome中的一个bug。你能添加你的HTML和CSS以便重现这个问题吗？请包括一个添加的示例代码-在Chrome中复制这个问题。
<body>
<div id='test'>
    <svg id='svgName'>
        <text font-size='200'>
            testing
        </text>
    </svg>
</div>
</body>

#test {
    height: 300px;
}

#svgName {
    margin-top: 150px;
}