0.5.0-beta4を使用して、この素晴らしいモジュールに感謝します!
私が抱えている問題は、クラスがあると言うことです.class {
font-family: "somefont", "Arial"
}
「somefont」が適用されない場合、最終結果は.classである要素がページでArialを使用してレンダリングされますが、キャンバスでは代わりにデフォルトのフォントが適用されます。
何か案が?
私は同じ問題を抱えています。
これは、Google ChromeCanaryのRobotoフォントです。
これはレンダリングされた画像です
私は理由を見つけました:canvasの親は次のように明示的なフォント宣言をしなければなりません:
.container {
font-family: Roboto, "Helvetica Neue", sans-serif;
}
CanvasRenderer.prototype.fontのjoin / splitは、追加のフォントを削除していました。 修正を送信しました
これが関連しているかどうかはわかりませんが、ここではフォントが正しくレンダリングされているのに、間違ったフォントで重ねられていると思いますか?
@ eZ0あなたは正しいです! ありがとうございました!
あなたが言ったように、私はキャンバスの親要素にfont-family: arial
を置いて動作します!。
ありがとうございました! ありがとうございました!
動作しません、同じエラーが発生しました
によってレンダリング
html2canvas(this.$refs.iFr, { useCORS: true }).then(canvas => {
console.log(canvas)
document.body.appendChild(canvas)
canvas.toBlob(function(blob) {
saveAs(blob, 'Dashboard.png')
})
})
サーバー(CORSではない)からカスタムロードされたフォントはレンダリングされません。 使用されているフォント— LiberationSerifのフォントフェースとしてbased64cssファイル
最も参考になるコメント
私は理由を見つけました:canvasの親は次のように明示的なフォント宣言をしなければなりません:
.container { font-family: Roboto, "Helvetica Neue", sans-serif; }