旋转 <text> 在 Windows 10 上的 ie11 IE11 中不起作用答案

【问题标题】：Rotate <text> not working in ie11 IE11 on Windows 10旋转 <text> 在 Windows 10 上的 ie11 IE11 中不起作用
【发布时间】：2019-07-04 14:55:48
【问题描述】：

我绘制 svg 使用 d3 js 使用 transform:rotate(180deg)。这是 chrome 上的完美展示，但是当 ie11 时它无法正常工作。我更改为 rotateY(180deg) 它使用 div 元素但仍不能使用文本元素。这是我的屏幕和代码：

IE/Chorme：https://imgur.com/a/giLxtEQ

<g class="node" transform="translate(1356, 161.11111450195312)"><circle class="node" r="25" style="fill: rgb(12, 230, 103);" cursor="pointer"></circle><text x="-246" y="0" dy=".35em" text-anchor="start" class="area-name">Area 4</text><text x="-70" y="50" dy=".35em" text-anchor="start" >30 Jan 2019 10:33 PM</text><text x="-70" y="70" dy=".35em" text-anchor="start" cursor="pointer" class="text-decorate">Abc</text>

我的 CSS：

text{
    webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);           
    -sand-transform: rotate(180deg);
}

【问题讨论】：

您需要修改 IE11 上的 transform 属性。正如您自己发现的那样，CSS 转换在那里不起作用。
如何在IE11上修改transform属性？我认为它适用于 div 元素而不适用于文本元素
element.setAttribute("transform", "some new value") 或许

标签： html css internet-explorer svg internet-explorer-11

【解决方案1】：

我尝试删除你的 CSS，它适用于我的 Chrome 和 IE。

如果这不是您想要的，请分享您的代码，以便我们了解您到底想要什么。

快乐编码☻

【讨论】：