Вращение ячеек с использованием Mxgraph с использованием режима совместимости с IE 10

Question

У меня есть ячейка для swimlane/container на моем mxgraph (версия 2.1.0.9). Когда ячейка вращается на 270 градусов, метка ячейки не вращается вместе с ячейкой при использовании IE 10 в режиме совместимости. Этикетка корректно вращается в каждом тестируемом браузере, это единственное, с чем она не справляется.

Проблема можно увидеть, перейдя на сайт www.draw.io с помощью IE 10, открыв инструменты разработчика и настроив режим браузера на представление совместимости с IE10 (страница обновляется), выгрузите контейнер на график (первая форма в раздел библиотеки), возьмите ручку вращения и поверните ее.

В результате этикетка плавательного барабана не вращается с ячейкой. Стиль ячейки после вращения:

swimlane;whiteSpace=wrap;rotation=-90 

Я попытался добавить этот код к примеру HelloWorld (http://jgraph.github.io/mxgraph/javascript/examples/helloworld.html):

var v3 = graph.insertVertex(parent, 'swimlane;whiteSpace=wrap;rotation=-90', 'Container', 200, 150, 180, 130); 

И в IE 10 Compat просмотра проблема была та же. Может ли этот ярлык быть правильно повернут с ячейкой в ​​этом случае?

Answer 1

mxGraph не поддерживается в режиме совместимости с IE 10 с режимом документа стандартов IE 7. Реализация VML в IE 10 просто не является качеством продукции.

Что, вероятно, происходит, когда IE обнаруживает сайт интрасети и форсирует режим совместимости. Лучше всего добавить в заголовок ответа «X-UA-Compatible: IE = edge» при доставке на сервер.

К сожалению, DOCTYPE игнорируется, это режим интрасети, поэтому вы не можете вытеснить его из режима совместимости исключительно на стороне клиента. См. this thread для получения дополнительной информации.