HTML на холсте не снимает фон

Question

Итак, я получил этот код для скриншота страницы, когда я щелкаю квадрат:

$("#empty").click(function(){

        html2canvas(document.body).then(function(canvas) {
        document.body.appendChild(canvas);
            });
        })

, но на экране, который я получил, нет фона (я установил изображение в качестве фона).Фон на скриншоте белый, как будто его там не было.

Answer 1

Если ваше изображение загружается из другого источника (не с того же сайта, где выполняется ваш код), из соображений безопасности это изображение по умолчанию не будет отображаться на холсте.Вы можете попробовать добавить { allowTaint: true } к опции, чтобы посмотреть, поможет ли она в вашем случае.

html2canvas(document.body, { allowTaint: true }).then(function(canvas) {
  document.body.appendChild(canvas);
});

allowTaint |ложь |Разрешить ли изображениям из разных источников окрашивать холст

Другие конфигурации можно найти здесь: html2canvas configuration - github