Как я могу получить изображение холста и использовать это изображение в функции в одном событии 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"), чтобы захватить данные изображения холста.