$("#download-pdf-template").on("click", function(e) { overallwidthcover = parseFloat(Number(overallwidthcover).toFixed(3)); overallcoverhegiht = parseFloat(Number(overallcoverhegiht).toFixed(3)); var covertype = $(this).data('id'); var pdfWidthInInches = overallwidthcover ? overallwidthcover : 12.80; var pdfHeightInInches = overallcoverhegiht ? overallcoverhegiht : 9.25; var fileName; var htmlContent; if (Number(covertype) == 1) { htmlContent =…
I use the html2canvas library to capture screenshots by passing in a className and saving the image file as a blob. However, when the image is saved or downloaded, there is an issue with elements that have background-image: url(data:image/svg+xml;base64,...) (SVG…
I am working on an Angular node-based application, the nodes in which are html tables containing <textarea>. When I try to generate project previews using html2canvas, neither the text in <textarea> nor <mat-icons> are rendered, maybe it's the same problem.…
I have this javascript code which is supposed to create a screenshot of the image-container div and send it to a new php script: html2canvas(image-container).then(function (canvas) { canvas.toBlob(function (blob) { jQuery.ajax({ url:"//domain.com/wp-admin/admin-ajax.php", type: "POST", data: {action: "addblobtodb", image: blob}, success:…
i created a canvas using javascript and appended it to an output div, i want to take that canvas and download it as a png on client side but i could not find a way to do it i tried…
I'm trying to export the div toto into HD images: images should have HD resolution (I really don't care if the files are heavy) the div should be exported to multiple images with fixed height (defined in the script) and…
I'm using html2canvas with Shopify to capture the main product image in the slideshow. There is an image and 3 SVG's stacked inside the #screenshot div (absolute positioning) that need to be in the canvas. The SVG's have to be…
I have created a HTML Canvas and everywhere I have checked it has some width and height but I want my canvas to be of some shape for e.g. a Star or any other png image that can be converted…
html2canvas works great for taking screenshot but currently doesn't capture longer text in textAreas or more than one variable in a multiple-select. See https://github.com/niklasvh/html2canvas/issues/2008 for discussion. @chawes13 provided excellent suggestions to work around these issues that resulted in the function…
I have a React app that displays a toolbar and 2 canvases built-in Three.js. I would like to take a screenshot of the entire app. I tried already niklasvh/html2canvas const element = document.getElementsByClassName("contentContainer-5")[0] as HTMLElement; const url = html2canvas(element) .then((canvas)=>…