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

Posted 2023-03-05

【中文标题】如何捕获画布的屏幕截图 [重复]

【英文标题】：How to capture screentshot of Canvas [duplicate]

【发布时间】：2015-08-13 03:22:51

【问题描述】：

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

【问题讨论】：

这个？ ***.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"/>