html2canvas与自举冲突

Question

如果我使用html2canvas 0.4.1。字间距可以。但textarea没有新的换行符。如图所示：https://jsfiddle.net/mdj4epr2/5/

如果我使用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); 
    } 
}); 

有什么建议？

Answer 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/

后