html2canvas Konflikte mit Bootstrap

Question

Wenn ich html2canvas 0.4.1. Der Wortabstand ist ok. Aber keine neue Zeilenumbruch in Textarea. Wie dargestellt in: https://jsfiddle.net/mdj4epr2/5/

Wenn ich html2canvas 0.5.0 jede Version. Der Wortabstand ist ok. Neuer Zeilenumbruch im Textbereich ist in Ordnung. Wie gezeigt in https://jsfiddle.net/mdj4epr2/8/

Aber nach dem Bootstrap css zu html2canvas 0.5.0, ist der Wortabstand falsch. https://jsfiddle.net/mdj4epr2/9/

Haupt Rendering-Code ist sehr einfach:

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

Irgendwelche Vorschläge?

Answer 1

Ich denke, das Problem ist, html2canvas konnte die Font-Familie "Helvetica Neue" nicht vom Bootstrap bekommen und die Font-Familie auf keine setzen.

kann ich dieses Problem beheben, indem das Element zwingt font-Familie zu verwenden, ohne „Helvetica Neue“, aber immer noch gut aussieht.

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

oder Sie können einfach die font-family gesetzt und es wieder ändern, nachdem html2canvas wie diese https://jsfiddle.net/mdj4epr2/11/

läuft