2017-09-26 88 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中捕獲所有元素,那將是非常好的。 –