Javascript 使用toDataURL（“image/png”）时，如何捕获HTML5画布的背景？

我正在创建一个拼贴制作应用程序

这是Canvas的代码。图像出现在画布的背景中

<canvas id="c" width="800" height="600" style="left: -300px; background-image: url('_include/img/Images/rainy_day-1366x768.jpg');"></canvas>

我参考了类似的问题，发现我们可以使用或，并在其上放置画布。我不明白我该如何实现这一点，当我点击

Create Collage

按钮时，它会捕捉背景吗？我不确定。我正在使用Fabric.js

---

谢谢你的帮助

最好使用html2canvas脚本

代码如下所示

html2canvas($("#c"), {
    onrendered: function(canvas) {
        var Image1 = canvas.toDataURL("image/jpeg");
        window.open(Image1);
    }

---

最好使用html2canvas脚本

代码如下所示

html2canvas($("#c"), {
    onrendered: function(canvas) {
        var Image1 = canvas.toDataURL("image/jpeg");
        window.open(Image1);
    }

---

你不能！CSS背景不是画布的一部分（只是元素和其他元素的背景）

您需要在画布上绘制背景，而不是将其用作CSS背景，因为这是

toDataURL（）

捕获的唯一数据

---

如果你使用了 CalcReuts或 fIrcReuts<代码>来更新画布，你可以考虑使用<代码> DRAWWMAGE 而不是背景图像。

< P>你不能！CSS背景不是画布的一部分（只是元素和其他元素的背景）

您需要在画布上绘制背景，而不是将其用作CSS背景，因为这是

toDataURL（）

捕获的唯一数据

---

如果你使用的是 CultRect 或 FILRECT 更新画布，你可以考虑使用<代码> DRAWWMAGE 而不是背景图像。

如何帮助抓取画布的背景？如何帮助抓取画布的背景？