Я хочу сделать скриншот <div> с html2canvas и загрузить его. Проблема в том, что я использую .append для добавления некоторых изображений через jQuery к div.
$("#mydiv").append("<img src=picture1.png id=okboomer></img>");
Результатом загрузки всегда является просто пустое изображение, потому что html2canvas, похоже, игнорирует эти добавленные узлы. Как я мог это исправить?
Глупое исправление, которое я обнаружил:
var screenshotarea = document.body;
Если я сделаю снимок экрана со всем телом, мои изображения будут там, в загруженном файле pic.png. Однако я не хочу снимать скриншот всей страницы, только область изображения, которая добавляется к <div>.
Пользовательской загрузке холста:
var körper = document.getElementById("mydiv");
html2canvas(körper,{allowTaint : false}).then(function(canvas) {
var link = document.createElement("a");
document.body.appendChild(link);
link.download = "html_image.png";
link.href = canvas.toDataURL("image/png");
link.target = '_blank';
link.click();