使用base64将画布图像从一个画布显示到另一个画布

Question

例如 var new = canvas.toDataURL("image/png");

我希望这个新变量中存在的base64显示在第二个canvas元素中.但它不使用drawimage方法显示base64图像.如果我用say,它会起作用image.png

Answer 1

您不应该使用base64来复制画布.您可以将源画布传递到目标画布的上下文方法drawImage.

否则你将遭受严重的性能损失.请参阅http://jsperf.com/copying-a-canvas-element上的 jsperf测试.

drawImage()将接受一个Canvas和一个Image对象.

试试这个:

//grab the context from your destination canvas
var destCtx = destinationCanvas.getContext('2d');

//call its drawImage() function passing it the source canvas directly
destCtx.drawImage(sourceCanvas, 0, 0);