Javascript 在同一页面上的给定坐标集内显示页面的屏幕截图

我动态地选择一个图像并将其放置在另一个图像上，该图像位于父容器（如div或canvas）中。保存按钮将canvas/element（父容器）的屏幕截图保存到另一个div/canvas，但它不会捕获动态添加的图像。我也试过不用帆布的。 下面是我如何将它保存到新画布上的

   $("#Savebtn").click(function(){

        var c = document.getElementById('parent');
    var t = c.getContext('2d');
    window.open('', document.getElementById('parent').toDataURL());

    });

由于某些原因，我无法引用外部脚本，因此这是我的代码笔：

有没有一种方法可以让我在特定坐标内拍摄屏幕截图，并将其显示在另一个容器中（分离dom元素将不起作用，因为它们没有放在一起，也不会捕获动态放置的图像的位置）

---

提前谢谢

你应该找一些像html2canvas的库。我已经试过html2js

$（“#Savebtn”）。点击（function（）{$（'body'）.html2canvas（）；var queue=html2canvas.Parse（）；var canvas=html2canvas.Renderer（queue，{elements:{length:1}）；var img=canvas.toDataURL（）；window.open（img）；}）但它给了我
$（…）。html2canvas不是一个函数
错误你能在你的问题中包含包括jQuery在内的完整代码吗？我也尝试过html2js，但我认为它无法捕获图像，这里有一个小提琴来显示同样的结果，这是我的代码