Я пытаюсь создать скриншот, используя javascript элемента div, который содержит встроенный swf. Этот снимок экрана должен быть сохранен на моем FTP-сервере.Сохранить скриншот div на мой ftp, используя Javascript/JQuery
HTML, это выглядит следующим образом:
<div class="thumbnail" id="thumbnail">
<div style="background: #FFF url('assets/images/canvas.png') repeat;" id="builder" class="thumb">
<object>
<embed width="100%" height="350" src="http://assets.zwinky.com/assets3/avatar/avatar10.8.swf?u=dane" wmode="transparent"></embed>
<param name="wmode" value="transparent">
</object>
</div>
</div>
И мой текущий Javascript действительно выглядит следующим образом:
<script type="text/javascript" src="assets/js/FileSaver.js"></script>
<script type="text/javascript" src="assets/js/html2canvas.js"></script>
<script type="text/javascript">
$(function() {
$("#submit_form").click(function() {
html2canvas($("#thumbnail"), {
onrendered: function(canvas) {
theCanvas = canvas;
document.body.appendChild(canvas);
canvas.toBlob(function(blob) {
saveAs(blob, "test.png");
});
}
});
});
});
</script>
Но, к сожалению, ничто не спасет или произойдет, когда я нажав на кнопку ,
Пример рабочего кода: http://jsfiddle.net/6FZkk/1/
Скриншот HTML элемента, содержащего встраивании: https://gyazo.com/37683328b5a785e6b17f78eca5e1c2de
Кто-нибудь есть идея, что им делать неправильно?
Я не уверен, как работает библиотека, но вы можете попробовать поместить CSS-код в файл CSS вместо тега стиля. Возможно, что библиотека перезагружает CSS и игнорирует тег стиля. –
Возможный дубликат [Использование HTML5/Canvas/JavaScript для снятия скриншотов] (http://stackoverflow.com/questions/4912092/using-html5-canvas-javascript-to-take-screenshots) – GottZ