如何捕获画布的屏幕截图 [重复]

【问题标题】：How to capture screentshot of Canvas [duplicate]如何捕获画布的屏幕截图 [重复]
【发布时间】：2015-08-13 03:22:51
【问题描述】：

我有一个画布和多幅花的图像。实际上，我正在将花插到花瓶中，在插花之后，我想将插花和花瓶作为图像捕捉到系统中。实际上，我想剪辑并保存画布的那部分，其中鲜花和花瓶的排列是可视化的

【问题讨论】：

这个？ stackoverflow.com/questions/923885/…

【解决方案1】：

您必须为此使用 html2canvas。单击按钮触发的以下功能将截图/捕获分区的内容作为图像，并显示一个弹出窗口以保存它

JAVASCRIPT

$(function () {
    $("#btnSave").click(function () {

        html2canvas($("#capture"), {
            onrendered: function (canvas) {
                theCanvas = canvas; 
                document.body.appendChild(canvas);//to verify if image is being captured or not
                canvas.toBlob(function (blob) {
                    saveAs(blob, "screenshot.png");
                });
            }
        });
    });
});

HTML

    <div id="capture" >
     <img src="images.jpg" />
    </div>
<br/>
<input type="button" id="btnSave" value="Save"/>

【讨论】：