如何在一个javaScript onClick事件中检索画布图像并在函数中使用该图像？

Question

这是我希望将画布图像检索到@ img.src中的功能。

            function draw() {   
            img = new Image();  
            img.src = [user defined canvas image].png    
            fr1 = makeFrame(ctx,makeVect(400,0),makeVect(400,makeVect(0, 400));
            img.onload = function(){ //<< This Im not sure of <<<
                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)));   
            }  
        }

从中检索图像的画布是：“ canvas2”，其上下文是“ context2”，其HTML句柄是“ imageCreate”

Answer 1

由于您措辞的方式，很难弄清楚您想要的是什么。 假设我猜对了，您希望document.getElementById（“ canvas2”）。toDataURL（“ image / png”）捕获画布的图像数据。