Javascript 将图像放置在画布上

我有一个画布，它是从HTML5的视频标签中提取的。如何将图像放置在已经有另一个图像的画布上

video.addEventListener（'canplay'，函数（ev）{
如果（！流）{
高度=video.videoHeight/（video.videoWidth/宽度）；
video.setAttribute（'width'，width）；
video.setAttribute（'height'，height）；
canvas.setAttribute（'width'，width）；
canvas.setAttribute（'height'，height）；
流=真；
}
}，假）；
函数takepicture（）{
画布宽度=宽度；
canvas.height=高度；
canvas.getContext（'2d'）.drawImage（视频，0，0，宽度，高度）；
var data=canvas.toDataURL（'image/png'）；
photo.setAttribute（'src'，数据）；
}
startbutton.addEventListener（'click'，函数（ev）{
拍摄照片（）；
ev.preventDefault（）；
}，假）

拍照
图1

图2

是否要替换图像？？？正如Manjunathsidapa所说，您的问题并不清楚。如果您只想在现有内容上绘制另一幅图像，可以执行另一个
。drawImage（newImage，x，y）
@markE添加了问题的更多细节