2014-09-19 49 views
0

。当我单击按钮并将其作为背景放在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的背景图片。它甚至有可能吗?

谢谢。

回答

1

你需要使用HTML画布 我不知道这是最好在方案中使用或不

看看演示here

您需要包括三个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); 

}); 

这会帮助你