Exporter en utilisant jsPDF ou Canves2image l'image n'est pas correcte le dubliquer

Question

J'essaye d'avoir l'exportation sur le tableau de bord HTML donc j'utilise le jsPDF, j'utilise le script ci-dessous. aussi le tableau sort avec l'axe X dupliqué sous l'autre comme ci-joint. des idées?

html2canvas (document.getElementById ("panel1"), { onrendered: function (toile) {

   var imgData = canvas.toDataURL('image/png'); 
      // console.log('Report Image URL: '+imgData); 
      var doc = new jsPDF(); //210mm wide and 297mm high 

      doc.addImage(imgData, 'PNG', 10, 10); 
      doc.save('sample.pdf'); 
     } 
    }); 

capture d'écran:

https://i.stack.imgur.com/uiymn.png

Answer 1

i changé les jspdf.js avec le ci-dessous et cela a fonctionné

NodeParser.prototype.getChildren = function (parentContainer) { ret urn flatten ([]. filter.call (parentContainer.node.childNodes, renderableNode) .map (fonction (noeud) { var conteneur = [node.nodeType === Node.TEXT_NODE & & node.parentElement.tagName! == "texte" ? new TextContainer (node, parentContainer): nouveau NodeContainer (node, parentContainer)]. filter (nonIgnoredElement); Renvoie node.nodeType === Node.ELEMENT_NODE & & container.length & & node.tagName! == "TEXTAREA"? (container [0] .isElementVisible()? container.concat (this.getChildren (conteneur [0])): []): conteneur; }, ceci)); };