Generate l'image ou la toile de dom HTML en utilisant RÉAGIR js

Question

J'ai goggled mes solutions pour générer l'image/Canvas de HTML DOM en utilisant JavaScript Library comme "html2Canvas", "dom-image", "webshot ", etc.

Mais non de ceux-ci sont de génération d'images de bonne qualité avec le navigateur cross. Quelqu'un peut-il avoir une solution pour générer/capturer l'image à partir de HTML DOM qui ont une solution multi-navigateur comme Chrome/Safar/Firefox/Internet Explorer.

Merci Abhishek

Answer 1

Essayez de vérifier: https://github.com/MrRio/jsPDF/tree/master/examples/html2pdf

C'est un outil JS html => pdf. Il utilise html2canvas. La sortie est un PDF mais avec une qualité d'image parfaite.

Html => Canvas => pdf.

Si vous obtenez la source lib: https://github.com/MrRio/jsPDF/blob/master/libs/html2pdf.js

vous pouvez easly remplacer:

var promise = html2canvas(doc.body, { 
    canvas : canvas, 
    onrendered : function(canvas) { 
     if (callback) { 
      if (iframe) { 
       iframe.parentElement.removeChild(iframe); 
      } 
      callback(pdf); 
     } 
    } 
}); 

et essayer d'obtenir la toile seulement. (dans les paramètres, ou dans le rappel, idk).

Quoi qu'il en soit, ce n'est pas facile, mais il est tout ce que je peux faire pour vous.