問題タブ [excanvas]

キャンバスをレンダリングするために jqPlot に IE7/8 を使用していますが、jpg/png またはその他の形式で印刷できるかどうかを知りたいです。私は長い間それに苦労してきましたが、ウェブで得た唯一の答えはノーです。キャンバスにレンダリングされたグラフの画像を撮るのに役立つjavaScriptハックまたはスクリーンスクレイピングツールはありますか.ありがとう

IE8でレンダリングされないexcanvasに問題があります。ここで、キャンバスを初期化します。

このサイトの目的は、テキサス州の郡に「有名な木」が含まれている場合、その郡が緑色になっていることです。次に、ユーザーは郡を選択してクリックすると、ツリーのポップアップリストが表示されます。この機能はIE7IE9、FF、Chromeなどで機能します...IE8とExcanvasだけが正しく機能していません。

どんな助けでもありがたいです！

最近、クライアントの Web サイトの Dygraphs ライブラリをアップグレードしましたが、IE8 で適切にレンダリングされません (はい、あなたの考えはわかりますが、クライアントのクライアントは IE の使用が大好きで、アップグレードしません)。

次のヘッダーがあります (明らかに、この投稿では実際のドメインをそこに置いていません)。

コンソール/デバッグ パネルにエラーはありません。行があるべき場所にマウスを移動すると、正しいデータで、想定どおりに凡例が隅に表示されます。また、軸のラベルと値も問題なく表示されます。

グラフのデータ行が表示されない原因は何ですか?

IE（9未満）ブラウザでキャンバス機能をサポートするためにexcanvas.jsライブラリを使用しています。私が現在直面している問題は、excanvas が drawImage() メソッドの最初の引数としてイメージを想定していることです。最初の引数として別のキャンバスまたはビデオをサポートしないことがわかりました。この機能を実現するための回避策は何ですか? 私のコードはこのようなものです。

Ie8 以下のブラウザでは動作しません。この問題をどのように解決できますか?

私は、excanvas と flashcanvas が、Internet Explorer でキャンバス機能をサポートするために使用される一般的なライブラリであることを発見しました (9 以下)。しかし、どちらも canvas のすべての仕様機能を実装していません。

たとえば、 drawImage() 関数は画像のみをソースとして受け入れます。キャンバスもビデオもサポートしていません。また、getImageData()、putImageData() に使用できる実装はありません。

IE ブラウザーでキャンバス機能をサポートするための最適で正しい JavaScript ライブラリはどれですか? ネイティブのキャンバス機能を正確に模倣する IE 用の他のライブラリを入手できますか?

エクスプローラ キャンバス ライブラリを使用してダブル バッファリングを実装するために使用できる回避策は何ですか?

すなわち。こんな感じで実装したい

SourceImage -> Canvas1 -> Canvas2

• ソース Image を背景の隠しキャンバスに描画します。キャンバス1

• 背景キャンバスから実際のキャンバスを描画します。

エクスプローラキャンバスを使用してこの動作を実装するにはどうすればよいですか?

重複の可能性:
IE で HTML5 キャンバス要素を使用するにはどうすればよいですか?

何が間違っているのかわかりません。私は言われたことをしましたが、何もうまくいきません。グリッドシステムを使用していますが、それは問題ではないと思います。また、それは私のセキュリティ設定でもないと思います。それが役立つ場合、これが私のHTMLとJavascriptです。

HTML

Javascript

私はこのJavaScriptを持っています：

excanvasでのこのロードは、canvasがサポートされていない必要があり、完了時に「complete」関数を起動する必要があります。のCutMeOutクラスにpentool.jsは、canvas要素で機能するコードが含まれています。ただし、IE7とIE8では次のエラーが発生します。

Object doesn't support property or method

excanvas通常どおりにロードすると、サイトは機能します。var cmo = new CutMeOut(settings);では、 excanvasが問題を汚染した後、どうすれば実行できますか？

ありがとう。

'canvas' HTML5 タグを使用して、ブレットグラフを表示する HTML および JavaScript ファイルを作成しました。Chrome で試してみたところ、うまく機能し、ブラウザのサイズに合わせて幅が変化します。IE8 でもこれを機能させる必要があるため、Excanvas を使用しましたが、これは 1 つの方法を除いてすべて機能します。ブラウザーのサイズを変更すると、valueIndicator の残りが得られます。これは IE8 でのみ発生します。

キャンバスの再描画に関する情報を探してみましたが、これは問題ではないと思います。私が間違っているところを誰かに見てもらえますか？

編集 私は完全なコードを一番下に置いていますが、アドバイスに従って、コードをいくらか削減しました。

IE8 では次のようになります。

Chrome では次のようになります。

IE8 ページを更新すると、再び正常に表示されます。

カットダウン Bulletgraph.html:

完全なコード:

Scripts.js の削減:

Bulletgraph.html:

Scripts.js:

私はhtml5とjavascriptを初めて使用します。

初めてhtml5、javascript、css3円グラフ**（jqueryを使用しない）**を作成しようとしています。円グラフは、chromeとfirefoxで完全に作成できます。その後、しばらくして、Internet Explorer（IE）で誤ってindex.htmlを開いたのですが、円グラフが表示されません。後で、コモドのブラウザでさえ円グラフが表示されないことに気付きました。

試してみました

1）グーグル、そしてexcanvas.jsと呼ばれるものを見ました。

2）この行をindex.htmlに含めます

3）この行をpie_chart_simple.js initialize_para（）関数に含めます。

結果：

それでもInternetExplorerで円グラフを表示することはできません。（テーブル値のみが表示されます）

不確実性： 1）excanvas.jsの使用？（jqueryを使用しないためにコードを配置する位置）2）ie？によってデコードされたカラーフォーマット

助けてくれませんか？ありがとうございました。

2つのファイルがあります：

1）index.html：

2）pie_chart_simple.js

（jsfiddleリンク： http ：//jsfiddle.net/torresho/wmJb6/6/ ）

1）index.html

2）pie_chart_simple.js：