私のウェブサイトにダウンロードする画像としてHTMLコードをレンダリングしたい。私はテキストのイメージを作成するために正常に動作しているhtml2canvasを使用していますが、html div、img、text、paragraphからイメージを作成します。私は画像ダウンロードする画像にHTMLコードや画像データを含むデータを変換する方法
<!DOCTYPE html>
<html>
<head lang="en">
</head>
<body>
<div><h1>HTML content to render:</h1>
<div id="content">
<img src="./images/127597554.jpg" height="200" width="200">
Hello <strong>visiting</strong> guest
</div>
</div>
<h1>Existing canvas:</h1>
<canvas width="500" height="200"></canvas>
<script type="text/javascript" src="../dist/html2canvas.js"></script>
<button>Run html2canvas</button>
<script type="text/javascript">
var canvas = document.querySelector("canvas");
var ctx = canvas.getContext("2d");
var ctx = canvas.getContext('2d');
document.querySelector("button").addEventListener("click", function() {
html2canvas(document.querySelector("#content"), {canvas: canvas}).then(function(canvas) {
console.log('Drew on the existing canvas');
});
}, false);
</script>
</body>
</html>
にHTMLをレンダリングするためのコードの下に使用しています
私は、私は、コードを使用して、これをachiveしたいlimit.Soを画像をachiveするために、いくつかのサードパーティのAPIを試みたが、彼らのです。 どうすればこの問題を解決できますか?
は、私は以下のcaodeの画像が欲しい
<div><h1>HTML content to render:</h1>
<div id="content">
<img src="./images/127597554.jpg" height="200" width="200">
Hello <strong>visiting</strong> guest
</div>
</div>
私はこの