Javascript 如何捕获屏幕并将其作为div的背景传递

。当我点击一个按钮并将其作为背景放在div中时，我需要捕获屏幕（截图）。我找到了一些屏幕捕获方法，但没有一种方法可以为我这样做。 对不起，如果这听起来很奇怪或者是个奇怪的问题

假设我有这样的东西：

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

//some code to capture the screen

      var MyVar = "url(captured.jpg) no-repeat"
      $(".MyDiv").css("background", MyVar);

});

因此，如果我点击MyButton，“捕获屏幕的一些代码”会截取一个屏幕快照，将其作为MyVar中的url放置，因此它将成为MyDiv的背景图像。有可能吗

---

谢谢。

您需要使用html来绘制画布 我不确定这是不是在你的场景中使用的最好方法

请看演示

您需要包括三个js jquery-1.10.2.min.js、html2canvas.js、jquery.plugin.html2canvas.js

功能演示

    function captureCurrentscreen() {
            html2canvas($('body'),{
                onrendered: function (canvas) {                     
                            var imgString = canvas.toDataURL("image/png");
                            window.open(imgString);                  
            }
        });

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

captureCurrentscreen();

      var MyVar = "url(captured.jpg) no-repeat"
      $(".MyDiv").css("background", MyVar);

});

这对你有帮助