2017-09-26 85 views
0

我都瞪大眼睛我的解决方案,以使用JavaScript库,如“html2Canvas”生成HTML DOM图片/月,“DOM到影像”生成HTML DOM图片或帆布,“webshot“等。使用反应过来JS

但这些都不是用跨浏览器生成高质量的图像。

任何人都可以有解决方案从HTML DOM生成/捕获图像,它具有多种浏览器解决方案,如Chrome/Safar/Firefox/Internet Explorer。

感谢 阿布舍克

回答

0

尝试检查:https://github.com/MrRio/jsPDF/tree/master/examples/html2pdf

这是一个JS工具,HTML => PDF。它使用html2canvas。 输出是一个PDF,但具有完美的图像质量。

Html => Canvas => pdf。

如果你得到的lib来源:https://github.com/MrRio/jsPDF/blob/master/libs/html2pdf.js

你可以伊斯利覆盖:

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

,并得到唯一的画布。 (在参数中,或在回调中,idk)。

无论如何,这并不容易,但这是我能为你做的一切。

+0

感谢@GreGGus对您的宝贵意见。我已经浏览了您提供的解决方案,但它并未从我的html页面呈现SVG和Inline图像。如果您指导我使用各自的CSS样式从HTML中捕获所有元素,那将是非常好的。 –