I draw svg use d3 js use transform:rotate(180deg). It's perfect show on chrome but when ie11 it not woking. I'm change to rotateY(180deg) it woking with div element but still not working with text element. This is my screen and code :
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>
My 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);
}
I tried removing your CSS and it worked for me for both Chrome and IE.
If that's not what you want then share your code so we can understand what exactly you want.
Happy Coding ☻
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.