使用IE 10兼容模式使用Mxgraph旋转单元格

Rotation of cells using Mxgraph using IE 10 compatibility mode

本文关键字：Mxgraph 旋转 单元格 模式 IE 使用      更新时间：2024-05-28

我的mxgraph（版本2.1.0.9）上有一个泳道/容器单元格。当单元格旋转270度时，在兼容模式下使用IE 10时，单元格标签不会随单元格一起旋转。标签在其他所有测试的浏览器中都会正确旋转，这是唯一一个失败的浏览器。

使用IE 10访问www.draw.io，打开开发工具并将浏览器模式设置为IE10 compat视图（页面刷新），将容器放在图形上（库部分的第一个形状），抓住旋转手柄并旋转它，就可以看到这个问题。

结果是泳道的标签不会随单元格一起旋转。旋转后单元格的样式为：

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兼容的视图中，问题是相同的。在这种情况下，是否可以使标签与单元格一起正确旋转？

mxGraph在IE 10兼容模式和IE 7标准文档模式下不受支持。IE 10中的VML实现不是生产质量。

可能发生的情况是IE检测到一个Intranet站点并强制使用compat模式。解决这一问题的最佳方法是在将响应头传递到服务器时，将"X-UA-Compatible:IE=edge"添加到响应头中。

不幸的是，DOCTYPE被忽略是Intranet模式，所以你不能仅仅在客户端强制它退出compat模式。有关更多详细信息，请参阅此线程。

相关文章：