Html2canvas: 複数の値を持つfont-familyプロパティをサポートしていません

作成日 2016年02月13日  ·  7コメント  ·  ソース: niklasvh/html2canvas

0.5.0-beta4を使用して、この素晴らしいモジュールに感謝します!

私が抱えている問題は、クラスがあると言うことです
.class { font-family: "somefont", "Arial" }
「somefont」が適用されない場合、最終結果は.classである要素がページでArialを使用してレンダリングされますが、キャンバスでは代わりにデフォルトのフォントが適用されます。

何か案が?

Bug

最も参考になるコメント

私は理由を見つけました:canvasの親は次のように明示的なフォント宣言をしなければなりません:
.container { font-family: Roboto, "Helvetica Neue", sans-serif; }

全てのコメント7件

私は同じ問題を抱えています。

これは、Google ChromeCanaryのRobotoフォントです。
screen shot 2016-02-18 at 15 18 27

これはレンダリングされた画像です
img055

私は理由を見つけました:canvasの親は次のように明示的なフォント宣言をしなければなりません:
.container { font-family: Roboto, "Helvetica Neue", sans-serif; }

CanvasRenderer.prototype.fontのjoin / splitは、追加のフォントを削除していました。 修正を送信しました

これが関連しているかどうかはわかりませんが、ここではフォントが正しくレンダリングされているのに、間違ったフォントで重ねられていると思いますか?

@ eZ0あなたは正しいです! ありがとうございました!
あなたが言ったように、私はキャンバスの親要素にfont-family: arialを置いて動作します!。

ありがとうございました! ありがとうございました!

動作しません、同じエラーが発生しました
image

によってレンダリング

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ファイル

このページは役に立ちましたか?
0 / 5 - 0 評価