html2canvasコールバックOnrenderedがAngular 2で機能しない

Question

Angular 2プロジェクトでは、バージョン番号0.5.0betaのhtml2canvasモジュールをインストールしました。私はnpm startコマンドを実行すると、この後

html2canvas (document.getElementById('exportthis'), { 
         onrendered : function (canvas) { 

、私が書かれていることを、私のpdfDownload方法で次に

import html2canvas from 'html2canvas'; 

：

はその後、私のTSファイルで、私はそれをインポートしてい

onrenderedはhtml2canvasOptionsで定義されているプロパティではありません。

誰でもこの問題の解決に手伝ってもらえますか？ 私はAngle 2とhtml2canvasで作業しているのは初めてです。

Answer 1

私は同様の問題に直面しました。

html2canvas以外のオプションオブジェクトを関数呼び出しとして宣言することで解決できました。何かのようなもの。これは、TSコンパイラが内部の渡されたオプションオブジェクトをチェックするのを防ぎます。

var obj = { 
    onrendered: function (canvas) { 
    var imgData = canvas.toDataURL("image/png"); 
    } 
}; 
    html2canvas(document.getElementById("exportthis"), obj); 

EDIT：2.4.0へtypescriptですのアップグレード後
、エラー

TS2559: Type '{ onrendered: (canvas: any) => void; }' has no properties in common with type 'Html2CanvasOptions'. 

の下に取得する場合、その後のログのようなHtml2CanvasOptionsプロパティのいずれかを追加します：偽

obj = { 
    onrendered: function (canvas) { 
    var imgData = canvas.toDataURL("image/png"); 
    }, 
    logging: false 
}; 
    html2canvas(document.getElementById("exportthis"), obj); 

Answer 2

を

あなたはhtml2canvas 0.5バージョンを使っています。 onrenderedは、0.4以前のバージョンで使用されていました。 html2canvas 0.5がPromisesを使用するように書き換えられました。 あなたは、スタックオーバーフローに

html2canvas (document.getElementById('exportthis'), { onrendered : function (canvas) {

へ

html2canvas(document.getElementById('exportthis')).then(function (canvas) {