Fabricjs在画布中复制html

【问题标题】：Fabricjs copy html in canvasFabricjs在画布中复制html
【发布时间】：2015-12-02 15:23:53
【问题描述】：

我正在开发一个使用 fabricJS 的 Prestashop 模块，我想复制一个内容并将其附加到带有fabricJS的画布上。我看到 html2canvas 可以帮助我，但它创建了一个画布而不是附加到我当前的画布上。我感到困惑，有人可以帮助我吗？我试过这个：

html2canvas(document.getElementById('my-div'), {
  onrendered: function(canvas) {
    document.getElementById('canvas').appendChild(canvas);

  }
});

谢谢

【问题讨论】：

代码 sn-ps 适用于可以运行的代码。你的没有。请编辑代码 sn-p 或不要使用代码 sn-p 功能。
请重新表述您的问题，以便更容易理解。您想要达到的最终结果究竟是什么？

标签： javascript html canvas fabricjs html2canvas

【解决方案1】：

对不起我的英语我是法国人。我正在尝试将#my-div 的内容放到#canvas 但是，html2canvas 创建了一个画布并且不会插入到画布中。

所以这段代码不起作用：

    html2canvas(document.getElementById('my-div'), {
            onrendered: function(canvas) {
            document.getElementById('canvas').appendChild(canvas);
       }
    });

但是这个可以：

    html2canvas(document.getElementById('motif'), {
           onrendered: function(canvas) {
                console.log(canvas);
                document.body.appendChild(canvas);
           }
    });

我也试过了：

document.getElementById('c').appendChild(canvas);

也不行。

一切正常后，我想使用fabricJS 将结果放入fabricJS 画布中。

【讨论】：