Вопросы Теги

HTml2Canvas renderiza без изображений фона, единственный сторож текст

Я работаю с книжным магазином html2canvas, чтобы захватывать контент одного

и сохранять это как изображение.

Проблема встречается, попробовав захватывать изображения фона контейнера, так как только меня приносит текст.

function fAgrega() {
  const options = {
    weekday: 'long',
    year: 'numeric',
    month: 'long',
    day: 'numeric',
    timeZone: 'UTC'
  };
  document.getElementById("Text2").value = document.getElementById("Text1").value;
  document.getElementById("Text4").value = document.getElementById("Text3").value;
  document.getElementById("Text6").value = new Date(document.getElementById("Text5").value).toLocaleDateString("es-CO", options);
}


$("#changewp").change(function() {
  var imageFileName = $(this).val();
  $(".fondo").css("background-image", "url('https://lauraz956.github.io/demos/assets/img/" + imageFileName + ".jpg')");
});


$(function() {
  $("#crearimagen").click(function() {
    html2canvas($("#contenido"), {
      onrendered: function(canvas) {
        theCanvas = canvas;
        document.body.appendChild(canvas);

        /*
        canvas.toBlob(function(blob) {
          saveAs(blob, "Dashboard.png");
        });
        */
      }
    });
  });
});


$(function() {
  $("#uploadFile").on("change", function() {
    var files = !!this.files ? this.files : [];
    if (!files.length || !window.FileReader) return; // no file selected, or no FileReader support

    if (/^image/.test(files[0].type)) { // only image file
      var reader = new FileReader(); // instance of the FileReader
      reader.readAsDataURL(files[0]); // read the local file

      reader.onloadend = function() { // set image data as background of div
        $("#imagePreview").css("background-image", "url(" + this.result + ")");
        $(".texto_preview").remove();
      }
    }
  });
  $('#imagePreview').click(function() {
    $('#uploadFile').trigger('click');
  });
});









  

    


      


        
Datos

        

          Producto: 

          

 Seleccione:
          

          

 Fecha: 

          



          
          

        

      


      

        


          


            

              Su producto es  y la seleccion es la  del día 
            

            

            Subir Imagen

Задержание осуществляется как только были выбраны данные, которых было нужно вводить вручную с одних input, изображение фона они сохранялись на сервере и изображение, которое пересылает пользователь, чтобы быть предварительно просмотренным, это делает с Вашей команды локально.

Эти данные, которых нужно захватывать, - те, которые находятся внутри

7
задан 21.08.2019, 22:42
0 ответов