いくつかの html 要素 (div/span など) があります。HTML5 Canvas でその html を読み取ってそのままレンダリングできるようにしたいと考えています。後で、の助けを借りてそれをバイトに変換しcanvas.toDataURL()
、画像として保存します
私はプラグイン ベースのソリューションを探していません。これは特に IE9/10 を対象としています。
いくつかの html 要素 (div/span など) があります。HTML5 Canvas でその html を読み取ってそのままレンダリングできるようにしたいと考えています。後で、の助けを借りてそれをバイトに変換しcanvas.toDataURL()
、画像として保存します
私はプラグイン ベースのソリューションを探していません。これは特に IE9/10 を対象としています。
おそらくこのソリューションを使用できます:
https://github.com/niklasvh/html2canvas
html2canvas( [ document.body ], {
onrendered: function(canvas) {
/* canvas is the actual canvas element,
to append it to the page call for example
document.body.appendChild( canvas );
*/
}
});
注: 画像がオリジン以外から読み込まれた場合 (かつ、accept ヘッダーが設定されていない場合)、画像は表示されません。
必要に応じて、サーバーをプロキシとして使用して画像を取得し、クライアントに提供できます。
<img src="http://myserver.com/getexternalimage?http....