HTML5 Canvas截圖保存到頁面上？

Question

我已經看過所有文章，解釋如何將HTML5 canvas截屏保存爲圖像，並在新標籤中打開該圖像。但是，我希望截取屏幕截圖並在拍攝截圖後將圖像顯示在SAME WEBPAGE的已經分配的div上。有任何想法嗎？謝謝！

Answer 1

<canvas id="mycanvas"></canvas> 
<div id="under_canvas"></div> 
<script> 
var canvas = document.getElementById('mycanvas'); 
var img = canvas.toDataURL("image/png"); 
//dataURL can directly be inserted into src of image 
document.getElementById('under_canvas').innerHTML = '<img src="'+img+'"/>'; 
</script>