0

私の問題は、キャンバスの要素をコンテナー div に追加しようとしているということです。このコードを試しましたが、機能しません。ブラウザーを IE8 に切り替えようとすると、キャンバス要素が要素に追加されません.MainChart。

$('.MainChart').append('<canvas width="500" height="500">');

私もこのコードを試しましたが、それも機能していないようです。追加しますが、要素が機能していないようです。ID で要素を取得する 2D での描画と、幅と高さの属性も機能しません。

$('.MainChart').html('<canvas width="500" height="500"></canvas>');

この件について何かアドバイスをいただけないでしょうか。

Excanvas.js 2.0 を使用して、IE でキャンバス要素をサポートしています。

4

1 に答える 1

1

exCanvas でキャンバス要素を動的に作成する場合は、手動で初期化する必要があります。ページが最初に読み込まれるとき、スクリプトは既存の要素を繰り返し処理できますが、後で追加される動的に作成された要素については、手動でこれを行う必要があります。

キャンバスを作成した後、そのコンテキストを取得する前に、次の行をコードに追加してみてください。

var canvas = $('<canvas width="500" height="500"></canvas>');
$('.MainChart').append(canvas);

/// initialize
if (typeof G_vmlCanvasManager !== 'undefined')
    G_vmlCanvasManager.initElement(canvas[0]);

/// now this should work
var ctx = canvas[0].getContext('2d');

お役に立てれば！

于 2014-02-17T01:20:26.170 に答える