表示中HTMLのスクリーンショットを canvas tag にイメージ貼り付けしようと
html2canvas を使おうと思い、、
html2canvas - Screenshots with JavaScript
最新バージョンで試すと、
html2canvas: onrendered option is deprecated, html2canvas returns a Promise with the canvas as the value
onrendered オプション:関数定義で書く
バージョン0.4.1 では以下は動いていた。
// elment は、キャプチャ対象のHTMLをセレクタで取得したもの html2canvas(element, { onrendered : function(canvas){ // id=previewImage に、canvas を付与する $("#previewImage").append(canvas); } });
最新のバージョン 1.0.0-alpha 12 では、以下のように書く。
html2canvas(document.querySelector("#tree")).then(function(canvas){ // id=previewImage に、canvas を付与する $("#previewImage").append(canvas); });
最新のバージョン、現在執筆中の時点ではアルファ版なので、ちょっと使うのをためらう。
html2canvas upgrade has deprecated "onrendered" causing incompatibility · Issue #1601 · MrRio/jsPDF · GitHub
https://github.com/MrRio/jsPDF/issues/1610
CDNサイトを使うならどこがいいんだろう?あまり使いたくないけど。
https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js
https://cdn.jsdelivr.net/npm/html2canvas@1.0.0-alpha.12/dist/npm/index.min.js