HTML5 Canvas 屏幕截图保存到页面上？答案

【问题标题】：HTML5 Canvas Screenshot saved onto page?HTML5 Canvas 屏幕截图保存到页面上？
【发布时间】：2014-11-22 19:32:45
【问题描述】：

我已经看到所有解释如何将 HTML5 画布屏幕截图保存为图像并在新选项卡中打开该图像的帖子。但是，我希望截取该屏幕截图并在截取屏幕截图后将图像显示在同一网页上已分配的 div 中。有任何想法吗？谢谢！

【问题讨论】：

复制到这个stackoverflow.com/questions/923885/…
@sking 这不是一个重复的问题。我以前看过那个帖子。我正在寻找一种方法来获取新生成的 url 并将其附加到我的 HTML 以显示在我的画布下。

标签： javascript html html5-canvas screenshot

【解决方案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>

【讨论】：