Question

我使用d3 js绘制svg，使用transform：rotate（180deg）。这是在chrome上的完美展示，但是当ie11不能启动时。我将其更改为rotateY（180deg），它可以与div元素一起工作，但仍不能与文本元素一起使用。这是我的屏幕和代码：

IE /脚本：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);
}

Answer 1

我尝试删除您的CSS，它对Chrome和IE均适用。

如果这不是您想要的，那么请共享您的代码，以便我们能够确切地了解您想要什么。

快乐编码☻

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

1 个答案: