jquery - 画像をキャプチャしない html2canvas (img を含む div 要素) で div を画像に変換する

Question

html2canvasに変換するために使用しdivていますimage/png。選択したテキストがある場合は正常に機能しますが、divその中に画像があります。そのため、ボタンをクリックすると、作成されたbase64画像に画像が表示されませんhtml2canvas。

私のコードはこのようなものです;

これは私のスクリプトです：

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="html2canvas.js"></script>

<script>
   $(function(){

      $('.savedraft').click(function(){

          html2canvas([ document.getElementById('div2image') ],{
          onrendered: function(canvas) {
          window.open(canvas.toDataURL());

  }
});
      })

      });         

</script>

これは私の体です：

<div class="savedraft">Convert</div>
<div id="div2image" >
    <img src="WebSite5/html2canvas-master/tests/assets/image_1.jpg" />
</div> 

Answer 1

それをdivの背景画像として設定すると、うまくいくはずです！