save div to image (не работает)

У меня есть один код из скрипки (http://jsfiddle.net/8ypxW/3/) для преобразования div в изображение. ' , но когда я пытаюсь реализовать в моей странице ее не работает .. Ниже мой код ....save div to image (не работает)

Plz помочь мне друзья .......

<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 

<script> 
$(function() { 
    $("#btnSave").click(function() { 
     html2canvas($("#widget"), { 
      onrendered: function (canvas) { 
       theCanvas = canvas; 
       document.body.appendChild(canvas); 

       // Convert and download as image 
       Canvas2Image.saveAsPNG(canvas); 
       $("#img-out").append(canvas); 
      } 
     }); 
    }); 
}); 
</script> 
</head> 
<body> 
<span id="widget" class="widget"> 
    this is text. 
</span> 
<br/> 
<button id="btnSave">Save PNG</button> 

<div id="img-out"></div> 


</body> 

</html>

источник

2015-10-05 Akshay Kumar

У вас есть только ядро jquery. Вам понадобятся дополнительные файлы js, включенные в ваш проект.

<script type='text/javascript' src="https://github.com/niklasvh/html2canvas/releases/download/0.4.1/html2canvas.js"></script> 

    <script type='text/javascript' src="http://www.nihilogic.dk/labs/canvas2image/base64.js"></script> 

    <script type='text/javascript' src="http://www.nihilogic.dk/labs/canvas2image/canvas2image.js"></script>

источник

2015-10-05 18:37:46

Благодаря теперь его рабочий .... но в скрипке .. они впадина включают любой файл .... так что я думал, что это будет работать без добавления дополнительных файлов –

скрипки действительно включили их. С левой стороны найдите «внешние ресурсы», чтобы отобразить любые внешние ресурсы с помощью файлов css или js-файлов. –

ohhhh Большое спасибо .... :) –

Вы ссылки библиотеки правильно? На ваш код загружается только файл jquery.

источник

2015-10-05 18:37:29

save div to image (не работает)

ответ

Смежные вопросы