html2canvas与bootstrap冲突

Question

如果我使用html2canvas 0.4.1。单词间距是好的。但在textarea没有新的突破。如下所示：https://jsfiddle.net/mdj4epr2/5/

如果我使用html2canvas 0.5.0任何版本。单词间距是好的。 textarea的新换行是可以的。如https://jsfiddle.net/mdj4epr2/8/

所示

但是在将bootstrap css添加到html2canvas 0.5.0之后，单词间距是错误的。 https://jsfiddle.net/mdj4epr2/9/

主渲染代码非常简单：

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

有什么建议吗？

Answer 1

我认为问题是html2canvas无法获得font-family＆＃34; Helvetica Neue＆＃34;从bootstrap并将font-family设置为none。

我可以通过强制元素使用font-family来解决这个问题，而不需要＆＃34; Helvetica Neue＆＃34;但看起来还不错。

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

或者您可以设置font-family并在运行html2canvas之后将其更改回来，例如https://jsfiddle.net/mdj4epr2/11/