Canvas 如何获取用户生成的画布图形并发送给递归调用该图形的函数？

我有根据所列函数呈现图形的功能，我的问题是如何将该图形发送到该功能？（我的输入标记尝试在函数js下面列出。）

下面是处理最终图像的函数-->

}

---

我的希望是允许用户只需点击一个btn即可将新创建的画布图像发送到此函数中，并在单独的窗口中显示“RecurseImage”，用户可以根据需要将其保存为png文件。谢谢你，任何建议都将不胜感激

下面是一个工作示例：

代码如下：

var img=新图像；
风险值水平=0；
img.onload=函数（）{
如果（++级别>4）返回；
ctx.drawImage（img，0,0320240）；
ctx.drawImage（img，320,0320240）；
ctx.drawImage（img，320240）；
ctx.drawImage（img，0240320240）；
setTimeout（function（）{img.src=ctx.canvas.toDataURL（）}，1000）；
};
img.src='gkhead.jpg'；

广义：

var img=新图像；
img.onload=函数（）{
if（allDoneRecursing（））返回；
drawNewImageToContext（）；
img.src=ctx.canvas.toDataURL（）；
};
img.src=seedImageSrc（）；//您可能希望在此处的另一个画布上显示toDataURL（）

---

请注意，这将使用图像作为递归的中介，只要不在每次迭代中放大结果，这应该是好的。如果您需要合成实际的缩放/转换画布上下文命令，请这样说。

注意，为了安全起见。非常感谢，您已经回答了我遇到的关于图像以及如何访问该图像的多个问题-@Phrogz-我查看了，但找不到“接受”答案的位置请参见

 function recurseImage() {   
    img = new Image();  
    img.src = myCanvas.toDataUrl();  
    fr1 = makeFrame(ctx, makeVect(400,0), makeVect(400, 0), makeVect(0, 400));
    img.onload = function(){ 
            ctx.save(); 
            newPainter = cornerSplit(imagePainter,5);
            newPainter(fr1);     
            ctx.restore();
            ctx.save();
            newPainter(flipHorizLeft(fr1));
            ctx.restore();
            ctx.save();
            newPainter(flipVertDown(fr1));  
            ctx.restore();
            ctx.save();
            newPainter(flipVertDown(flipHorizLeft(fr1)));   
}  

<input type="button" name="recurseImage" id='recurseImage' value="Recurse It"    onClick"recurseImage()"/>