Html2canvas: لا يدعم خاصية font-family ذات القيم المتعددة

لدي نفس المشكلة.

هذا هو خط Roboto ، في Google chrome canary

هذه الصورة المقدمة

لقد وجدت السبب: يجب أن يكون لدى والد لوحة الرسم إعلان واضح عن الخط مثل:
.container { font-family: Roboto, "Helvetica Neue", sans-serif; }

كان الانضمام / الانقسام في CanvasRenderer.prototype.font يزيل الخطوط الإضافية. قدمت إصلاحًا لذلك

لست متأكدًا مما إذا كان هذا مرتبطًا ، ولكن هنا أعتقد أنني أرى الخط معروضًا بشكل صحيح ، ولكن بعد ذلك يتم وضعه في طبقات بخط خاطئ؟

@ eZ0 أنت على صواب! شكرا لك!
كما قلت ، أضع font-family: arial في عنصر اللوحة الرئيسي ويعمل !.

شكرا لك! شكرا لك!

يجب أن تكون ثابتة في https://github.com/niklasvh/html2canvas/commit/77d258f1d8eeccf7e38235463a293b512c1ca3d0

لا يعمل ، حصلت على نفس الخطأ

المقدمة من قبل

html2canvas(this.$refs.iFr, { useCORS: true }).then(canvas => {
        console.log(canvas)

        document.body.appendChild(canvas)

        canvas.toBlob(function(blob) {
          saveAs(blob, 'Dashboard.png')
        })
      })

لا يتم عرض الخطوط المحملة المخصصة من الخادم (وليس CORS). تم استخدام ملف font-based64 css كخط لوجه Liberation Serif