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」を取得できず、font-familyをnoneに設定できたと思います。

"Helvetica Neue"を使わずにフォントファミリを使用するように強制することでこれを修正できますが、それでも良い結果が得られます。

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

か、単にフォントファミリを設定し、このhttps://jsfiddle.net/mdj4epr2/11/

ようhtml2canvasを実行した後、それをバックに変更することができます