2017-05-05 506 views
1

如果我使用html2canvas 0.4.1。字間距可以。但textarea沒有新的換行符。如圖所示:https://jsfiddle.net/mdj4epr2/5/html2canvas與自舉衝突

如果我使用html2canvas 0.5.0的任何版本。字間距可以。 textarea中新的換行符可以。如https://jsfiddle.net/mdj4epr2/8/

但是,在html2canvas 0.5.0中添加了bootstrap css之後,字間距是錯誤的。 https://jsfiddle.net/mdj4epr2/9/

主要渲染代碼非常簡單:

html2canvas(main_content, { 
    onrendered: function(canvas) { 
     canvas_div.appendChild(canvas); 
    } 
}); 

有什麼建議?

回答

1

我認爲問題是html2canvas無法從bootstrap中獲取font-family「Helvetica Neue」並將font-family設置爲none。

我可以通過強制元素使用沒有「Helvetica Neue」的字體系列來解決這個問題,但仍然看起來不錯。

<div id="main_content" style="font-family: Helvetica,Arial,sans-serif"> 
</div> 

,或者你可以簡單地設置字體家庭和改回運行html2canvas這樣https://jsfiddle.net/mdj4epr2/11/