Поворот <text>не работает в IE11 IE11 на Windows 10 - PullRequest
Новая
       26

Поворот <text>не работает в IE11 IE11 на Windows 10

0 голосов
/ 11 февраля 2019

Я рисую SVG использовать D3 JS использовать Transform: Rotate (180 градусов).Это идеальное шоу на хром, но когда ie11 не просыпается.Я изменил на rotateY (180 градусов), он работает с элементом 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);
}

1 Ответ

0 голосов
/ 11 февраля 2019

Я пытался удалить ваш CSS, и он работал для меня и для Chrome, и для IE.

Если это не то, что вам нужно, поделитесь кодом, чтобы мы могли понять, что именно вы хотите.

Happy Coding ☻

...