Это делает меня сумасшедшим. Я просто хотел бы html2canvas захватить изображение У меня есть это: <div id="post" class="xx">Déposer</div> <canvas width="500" height="200"></canvas> <script type="text/javascript" src="html2canvas.js"></script> <script type="text/javascript"> var canvas = document.querySelector("canvas"); html2canvas($("#post"), {canvas: canvas}).then(function(canvas) { var img = canvas.toDataURL() window.open(img); }); </script> Результатом этого изображения является: Кнопка появляется внизу холста, и я хотел бы оставить только […]
У меня есть HTML-div с внешними изображениями. (Ниже приведен пример, но в фактическом случае я использую Amazon S3, поэтому загрузка и сохранение изображения на одном сервере не является вариантом). В настоящее время я использую html2canvas для преобразования div в изображение. Однако внешнее изображение всегда заменяется пустым пространством. Код, который я использую для захвата изображения: $(function() […]
У меня есть следующий iframe: <iframe name="content" src="" style="position: absolute; left: 0px; top: 28px;" allowtransparency="true" border="0" scrolling="yes" width="100%" frameborder="0" height="90%" id="MyFrame"></iframe> Я просто хочу захватить скриншот содержимого iframe, поскольку они стоят, я пробовал html2canvas, но он, похоже, не работает. Я попытался разместить iframe внутри div, но без радости. Я видел различные методы достижения этого, используя […]
Я создаю холст и передаю его php так: $('body').on('click','#save_image',function(){ html2canvas($('.myImage'), { onrendered: function(canvas) { //$('.imageHolder').html(canvas); var dataURL = canvas.toDataURL("image/png"); // $('.imageHolder').append('<img src="'+dataURL+'" />'); $('.imageHolder').html('Generating..'); $.post('image.php',{image: dataURL},function(data){ $('.imageHolder').html(data); }); } }); }); image.php: <? $image = $_POST['image']; echo "<img src='$image' alt='image' />"; $decoded = str_replace('data:image/png;base64,','',$image); $name = time(); file_put_contents("/home/toni005/public_html/toniweb.us/div2img/" . $name . ".png", $decoded); echo '<p><a […]
Я показываю скриншот с html2canvas 0.4.0 и хочу сохранить его как изображение на моем веб-сервере. Для этого я написал следующую функцию: JavaScript function screenShot(id) { html2canvas(id, { proxy: "https://html2canvas.appspot.com/query", onrendered: function(canvas) { $('body').append(canvas); // This works perfect… var img = canvas.toDataURL("image/png"); var output = img.replace(/^data:image\/(png|jpg);base64,/, ""); var Parameters = "image=" + output + "&filedir=" + […]
Я создал функцию, чтобы сделать снимок экрана текущей веб-страницы и сохранить ее в формате PDF с помощью html2canvas и jsPDF. Ниже приведен мой код: <script> function downloadpdf(){ html2canvas(document.body, { onrendered: function(canvas){ var imgData = canvas.toDataURL("image/jpeg"); var a = document.createElement('a'); var doc = new jsPDF('p','mm'); doc.addImage(imgData, 'JPEG', 15, 40, 180, 160); doc.save($.now()+'.pdf'); } }); } </script> […]