Articles of html2canvas

html2canvas no obtiene la imagen de altura completa

Por alguna razón que no puedo entender, el html2canvas no está capturando toda la altura del div. html2canvas($container, { height: $container.height(), onrendered: function(canvas) { var data = canvas.toDataURL(‘image/png’); var file = dataURLtoBlob(data); var formObjects = new FormData(); formObjects.append(‘file’, file); $.ajax({ url: ‘ajax_preview’, type: ‘POST’, data: formObjects, processData: false, contentType: false, }).done(function(response){ console.log(response); //window.open(response, ‘_blank’); }); […]

¿Cómo combinar 3 elementos HTML de canvas en 1 archivo de imagen usando javascript / jquery?

Tengo 3 canvas, es decir, canvasTarget, canvasTarget2, canvasTarget3, como se muestra a continuación: var canvas = document.getElementById(“canvasTarget”); var img = canvas.toDataURL(“image/png”).replace(“image/png”, “image/octet-stream”); var canvas2 = document.getElementById(“canvasTarget2”); var img2 = canvas2.toDataURL(“image/png”).replace(“image/png”, “image/octet-stream”); var canvas3 = document.getElementById(“canvasTarget3”); var img3 = canvas3.toDataURL(“image/png”).replace(“image/png”, “image/octet-stream”); Quiero combinar estos elementos de canvas en uno y descargarlos como archivos JPEG o PDF. […]

html2canvas.js no captura imagen para contenido generado dinámicamente

Estoy usando vivagraphs para generar elementos svg dynamics, pero cuando hago clic en el botón de captura, no se muestran nodos ni bordes. Este es el guión: $(document).ready(function() { //var testdiv = document.getElementById(“testdiv”); $(‘#btn’).click(function(){ html2canvas($(“#graph1”), { onrendered: function(canvas) { var myImage = canvas.toDataURL(“img/png”); window.open(myImage); } }); }); Mientras inspecciono los elementos, se muestra svg después […]

iFrame no viene en la captura de pantalla – HTML2Canvas

He intentado muchas veces capturar iframe en captura de pantalla usando Html2Canvas. Pero no viene y salvo iFrame todo viene. Tengo una página web con menú bootstrap y iframe simple. Quiero tomar la pantalla de la página completa al hacer clic en el botón. ¿Puedo saber qué paso me falta en la implementación de código. […]

Cómo guardar la imagen html2canvas en la carpeta del sistema en jQuery

Tengo un formulario con id = “form1” dentro de este formulario. Tengo un gráfico. Ahora estoy usando html2canvas para obtener la imagen de este formulario 1. Aquí está mi código … $(document).ready(function () { $(‘#add_button’).click(function () { alert(“hiii”); $(‘form1’).html2canvas(); var queue = html2canvas.Parse(); var canvas = html2canvas.Renderer(queue, { elements: { length: 1} }); var img […]

Error html2canvas: Error no detectado: IndexSizeError: Excepción 1 de DOM

Estoy utilizando html2canvas para convertir un div en un canvas. Me gusta esto: … … $(‘#demo’).html2canvas({ onrendered: function( canvas ) { var img = canvas.toDataURL() window.open(img); } }); y recibo este error: “Error no detectado: IndexSizeError: DOM Exception 1” en html2canvas.js: ctx.drawImage( canvas, bounds.left, bounds.top, bounds.width, bounds.height, 0, 0, bounds.width, bounds.height ); ¿Alguien tiene idea […]

Codificación árabe con html2canvas

Estoy usando html2canvas para tomar una imagen de un div, el contenido es de la misma página, mismo dominio, pero muestra las letras árabes desconectadas, parece que html2canvas no admite el árabe. Mientras leo los detalles disponibles sobre él en su página web, no encontré ninguna información útil. Aquí está el código simple que utilicé: […]