如何获得此功能对onclick方法作出反应？

这是按钮，它当前将获取画布图像并将该图像显示在另一个画布上。如何获得此功能对onclick方法作出反应？

var formElement2 = document.getElementById("recImage"); 
    formElement2.addEventListener('click', recImagePressed, false); 

    function recImagePressed(e){ 
     var outputCanvas = document.getElementById("outputCanvas"); 
     var recr = canvas2.toDataURL(); 
     outputCtx = outputCanvas.getContext('2d'); 
     outputCtx.drawImage(canvas2, 0, 0); 
     //context2.clearRect(0, 0, canvas2.width, canvas2.height);<----*** 
    } 

//***I need the image to clear when the user clicks, the above is wrong

，我需要在的onclick反应的功能是：（此功能已通过测试，如果我手动将巴新进功能工作）

function init() { <---------this will be done away with and replaced w/ 
           onClick ?? <-----------------**** 
canvas = document.getElementById('canVas'); 
ctx = canvas.getContext('2d'); 
draw(); 
} 

function draw() { <------This is the function that I need to react to mouse event 
img = new Image(); 
img.src = myPng.png ***---->This is where I need the canvas image<---------------*** 
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))); 
     } 
}

来源

2011-11-28 mcgraw

你能澄清一下你想？如果我认为你想要你真正想要的东西，请看我的答案，但请不要低估，如果我误解了，请。 – tekknolagi

@Tekknolagi ---->请原谅我在js的新生，我刚开始学习它。我需要删除调用draw（）方法的init（）函数，并将该调用放在onclick方法中的draw（）中。我不知道如何准确地构建您的答案与我的实施，这是我坚持的地方。谢谢大家的回应，我几乎完成了这个项目，并且我一直在用最后一块代码敲打我的头。 – mcgraw

，因为它现在，我只能够在一个页面上创建一个画布图像，初始化我的绘画画布，将该图像保存为PNG，然后将该PNG放入处理图像的draw（）方法。我需要上面的按钮（formElement2）调用draw（）方法，然后显示在“outputCanvas” – mcgraw

formElement2.onclick = function(args, ...) { 

}

来源

2011-11-28 05:55:17 tekknolagi

如何获得此功能对onclick方法作出反应？

回答

相关问题