[英]Rotate <text> not working in ie11 IE11 on Windows 10
我画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);
}
我尝试删除您的CSS,它对于Chrome和IE均适用。
如果那不是您想要的,那么请共享您的代码,以便我们能够确切地了解您想要什么。
快乐编码☻
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.