javascript - Excanvas vml の配置の問題

Question

私は ie8 で excanvas を実装するのに苦労しました。動的要素を少し並べ替えました。最初は隠れていた要素が、アプリの大部分で問題なくレンダリングされるようになりました。すべてがうまくいっているように見えたときに、別の障害にぶつかりました。excanvas が生成する div 内でレンダリングされる vml アイテムは、すべて大量にオフセットされます。

キャンバスのすべての子にoverflow:visibleを設定することで何が起こっているのかを発見しただけで、オフセットvmlが表示されました。
問題のある記事のスクリーンショットを入手しました。青色の領域は正しい位置に生成された div であり、赤色で囲まれた項目は青色の領域内にある必要があります。

誰かが以前にこれに遭遇したことがありますか?

乾杯！

Answer 1

このエラーが発生した場合、translate() 呼び出しに問題があったようです。私は保存と復元を使用していましたが、canvas のすべての標準実装は意図したとおりに変換呼び出しを解釈しましたが、excanvas では変換は永続的に付加的でした。

他の保存、翻訳、復元の呼び出しを実行する前に、恒等マトリックスを復元することで問題を解決しました。

context.setTransform(1,0,0,1,0,0);