1

我的mxgraph(版本2.1.0.9)上有一個泳道/容器單元。當單元旋轉270度時,在兼容模式下使用IE 10時,單元標籤不隨單元旋轉。標籤在所有其他測試瀏覽器中正確旋轉,這是唯一一個失敗的瀏覽器。使用Mxgraph使用IE 10兼容模式旋轉單元格

使用IE 10訪問www.draw.io,打開開發人員工具並將瀏覽器模式設置爲IE10 compat視圖(頁面刷新),將容器放入圖形(第一個形狀爲in庫部分),抓住旋轉手柄並旋轉它。

結果是泳道的標籤未與細胞旋轉。小區的旋轉後的風格是:

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查看問題是相同的。在這種情況下,標籤是否可以正確旋轉?

回答

0

mxGraph未在IE 10兼容模式與IE 7個標準文件模式的支持。 IE 10中的VML實現不僅僅是生產質量。

什麼是可能發生的是IE瀏覽器檢測一個內部網站,並迫使兼容模式。解決這個問題的最佳方法是在將響應頭傳送到服務器時將「X-UA-Compatible:IE = edge」添加到響應頭中。

不幸的是,被忽略的DOCTYPE是內聯網模式,所以你不能強迫它的兼容模式純粹的客戶端。進一步的細節見this thread

+0

關於'IE = edge'的建議很好,也正確。不過,我需要糾正你的doctype:你可能是指'X-UA-Compatible'的''標籤,而不是Doctype。 Doctype完全是另一回事:它在Intranet上*不被忽略,它也與兼容模式無關。具有文檔類型或不確定瀏覽器是否進入*怪癖模式*。這是與*兼容模式*完全不同的動物(甚至更麻煩)。爲了確保你獲得標準模式,你需要指定'X-UA-Compatible' **和**一個有效的文檔類型。 – Spudley