問題タブ [excanvas]

IE8 でキャンバス効果を動作させようとしています。excanvas.js では IE7 では問題ありませんが、IE8 では動作しません。この効果は ECOTree という名前で、ここに含まれるすべてのトリックとすべての変更を行いました。IE8 でこの効果を実行するための提案はありますか?

ecotree.js の ie8 の変更されたコードは次のとおりです。

プラグインを使用しjqplotてサイトにゲージを表示しています。これは FF/Safari/Chrome で完全にexcanvas動作しますが、IE8 で実行するには使用する必要があります。

問題は、ゲージが動的に作成されるため、値が渡さreplot()れ、ゲージ上の位置に「針」を配置する関数が必要になることです。replot()ただし、IE でor関数を使用するredraw()と、軸はレンダリングされますが、実際のゲージは完全に間違った場所に表示されます (要素内のゲージの一番上の角しか見えません)。

私はIE8にIE7をエミュレートすることを強制することを読んだ

この問題を解決できますが、出力にはまったく影響しませんでした。

他に含める必要がある場合は、ただ言ってください。

3,000 室の大きな建物の間取り図用に Google マップを構築することを想像してみてください。

最大 3000 個の長方形を表示する必要があります (ランダムなポリゴンもレンダリングできるのが最善ですが、現時点では、これは最大の問題ではありません)。それらのそれぞれには、マウスオーバーやクリックなど、ページ上の他の dom 要素に何らかの影響を与えるイベントが関連付けられている必要があります。また、ズームインおよびズームアウトできる必要があります。

SVG (Raphael.js)、プレーンな div レンダリング、またはキャンバスで実行できることはわかっています。

私が構築しようとしているものに対して、誰かが具体的な推奨事項を持っているかどうか疑問に思っています。最も遅いブラウザーでも十分に高速 (約 1 秒程度) にレンダリングする必要があります。(IE8、Firefox 3.6、できれば IE7 ですが、あまり夢はありませんが...)

助けてくれてありがとう、ニコラス。

PS: これまでのところ、Raphael.js を使用して IE8 で 3000 個の四角形をレンダリングするのに最大 7 秒かかることを経験しましたが、これはかなり遅いです。また、プレーンな div のレンダリングは IE8 で最大 6 倍高速であるようです。

私は IE6/7 がキャンバスをネイティブにサポートしていないことを知っているので、IE ブラウザ用に excanvas.js を使用しています。キャンバス タグに 2 つの画像を描画するスクリプトがあります。例えば。

今、私は2つの異なる画像でcontext.drawImageを呼び出し、両方の画像が描画されますが、IE6/7を使用していて、印刷プレビューまたは印刷に行きます。描画された最後の画像のみを印刷します。

キャンバス全体をそのまま印刷できない理由はありますか?

Explorercanvas を GWT で動作させた人はいますか? 正確なコードを共有できますか?

GWT を使用した explorercanvas への参照がたくさんあります。例: http://code.google.com/p/explorercanvas/wiki/Instructions しかし、これらは常に警告と苦情でいっぱいです。完全な解決策は見たことがありません。

キャンバス要素のクローンを作成する方法を探しています。この質問に基づいて、私は次のようなものを試しました。

ただし、IE8以下のサポートも必要です。画像データ方式をサポートしていないexcanvasを使用しています。

excanvasを使用するときにこれを達成する別の方法はありますか？

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

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

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

乾杯！

自分のページのページ固有の js ファイルに excanvas ポリフィルをロードしようとしています。このスクリプト ファイルは、マイページの body タグの後に挿入されます。

奇妙なビットは、私が使用する場合

私の head タグでは、すべてがうまく機能しますが、必要がなければ、HTML5 準拠のブラウザーにこのスクリプトをロードする必要はありません。

当然のことながら、Modernizr を使用して選択的にロードしようとしました。これは完全に実行されていますが、機能していない JavaScript コードです。

これはうまくいくようです。excanvas スクリプトが正常にロードされたように見えます。setImage 関数はキャンバス要素を動的に作成し、ページの div に追加します。これは IE9 では問題なく動作しますが、IE8 ではレンダリングに失敗します。

何か見逃していましたか、それとも excanvas スクリプトが head タグの外で機能していませんか?

HTML5 キャンバス クリッピング (http://www.html5canvastutorials.com/tutorials/html5-canvas-clipping-region-tutorial/) を explorercanvas (http://code.google.com/p/explorercanvas) で使用できる人はいますか?

clip() を使用する HTML5 ページがあり、古い IE クッパをサポートするために、explorercanvas を使用しています。しかし、クリッピング領域の作業を行うことができませんでした。これに対する解決策または回避策を探しています。

excanvasを使用してcanvasをIEで動作させようとしています。しかし、それはどこにも現れていないようです。

以下のコードは、IEを除くすべてのブラウザで機能します。

excanvasのプロジェクトページの提案に従ってみましたが、役に立ちませんでした。

どんな助けでもいただければ幸いです！