2013-05-25 138 views
0

鄉親捕捉屏幕截圖,html2canvas:遠程網站

我是新來的JS,這我無法捕捉,並採取遠程網站的屏幕截圖。有人能指出我在正確的方向

我不斷收到此錯誤:

遺漏的類型錯誤:對象的翻譯:有沒有方法「html2canvas」的index.php:4201 捕獲的index.php:4201 的onclick

我的代碼的index.php

<html> 
<head> 
<title>Hawk-Eye: Have a look at what others are upto</title> 
<script type="text/javascript"  src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script type="text/javascript" src="http://localhost/Hawk-eye/html2canvas.js"></script> 
<script type="text/javascript" src="http://localhost/Hawk- eye/jquery.plugin.html2canvas.js"></script> 
</head> 
<body> 

<div id="target"> 
<?php 

$homepage= file_get_contents('http://www.yahoo.com'); 
echo $homepage; 
?> 
</div> 

<form method="POST" enctype="multipart/form-data" action="save.php" id="myForm"> 
<input type="hidden" name="img_val" id="img_val" value="" /> 
</form> 

<script type="text/javascript"> 

function capture() { 
    $('#target').html2canvas({ 
     onrendered: function (canvas) { 
      //Set hidden field's value to image data (base-64 string) 
      $('#img_val').val(canvas.toDataURL("image/png")); 
      //Submit the form manually 
      document.getElementById("myForm").submit(); 
     } 
    }); 
} 

</script> 

<input type="submit" value="Take Screenshot" onclick="capture();" /> 
</body> 
</html> 
+0

'http:// localhost/Hawk-eye/jquery.plugin.html2canvas.js'你確定它是正確的路徑嗎? –

+0

dev-null-dweller:我認爲是一個路徑問題。 Php-storm通過從正確的路徑導入它進行了自動修復。我覺得自己像個小菜一樣:/ – user1675547

回答

0

下載html4canvas並將其導入爲

<script type="text/javascript" src="html2canvas.js?rev032"></script>