html2canvas与引导冲突

Question

如果我使用html2canvas 0.4.1。字间距是可以的。但文本区域中没有新的分行符。如：https://jsfiddle.net/mdj4epr2/5/所示

如果我使用html2canvas 0.5.0任何版本。字间距是可以的。文本区域中的新行符是可以的。如https://jsfiddle.net/mdj4epr2/8/所示

但是在html2canvas 0.5.0中添加引导css后，单词间距是错误的。https://jsfiddle.net/mdj4epr2/9/

主要渲染代码非常简单：

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

有什么建议吗？

Answer 1

我认为问题在于html2canvas无法从引导中获得字体家族"Helvetica Neue“，并将字体家族设置为none。

我可以通过强制元素使用字体系列而不使用"Helvetica Neue“来解决这个问题，但是看起来还是不错的。

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

或者，您可以简单地设置字体系列并在运行html2canvas后将其更改为https://jsfiddle.net/mdj4epr2/11/。