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

Question

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

通过使用 IE 10 访问 www.draw.io，打开开发人员工具并将浏览器模式设置为 IE10 兼容 View (页面刷新)，将容器拖放到图形上(库中的第一个形状)，可以看到该问题部分)，捕获旋转 handle 并旋转它。

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

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 兼容 View 中，问题是相同的。在这种情况下，能否使标签随细胞正确旋转？

Answer 1

IE 10 兼容模式和 IE 7 标准文档模式不支持 mxGraph。 IE 10 中的 VML 实现根本达不到生产质量。

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

不幸的是，DOCTYPE 在 Intranet 模式下会被忽略，因此您不能纯粹在客户端强制它退出兼容模式。请参阅this thread了解更多详情。