javascript - 如何用html2canvas抓取div？

Question

我正在尝试使用 html2canvas。我需要获取一个特定的 div 并将其添加到正文中。

官方网站上的代码作为演示效果很好。但是当我尝试选择我的 div 时，没有任何反应。

这是有效的

html2canvas(document.body, {
  onrendered: function(canvas) {
    document.body.appendChild(canvas);
  },
  width: 500,
  height: 500
});

这是不起作用的

html2canvas($("#div_name"), {
  onrendered: function(canvas) {
    document.body.appendChild(canvas);
  },
  width: 500,
  height: 500
});

我做错了什么？ty

向上

 <div id="dsf" class="sdf">
   <%= render "share_form" %>
 </div>

向上

<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>
<script type="text/javascript">
html2canvas($("#dsf"), {
  onrendered: function(canvas) {
    document.body.appendChild(canvas);
  }
});
</script>

如果我使用 document.body 它可以与我们的 $( document ).ready(function() {

一起使用

Answer 1

尝试

html2canvas(document.getElementById("div_name"), {
  onrendered: function(canvas) {
    document.body.appendChild(canvas);
  },
  width: 500,
  height: 500
});

并确保您有一个 id 为 div_name 的 div