Html2canvas: не поддерживает свойство font-family с несколькими значениями

Созданный на 13 февр. 2016 · 7Комментарии · Источник: niklasvh/html2canvas

Используя 0.5.0-beta4, большое спасибо за этот замечательный модуль!

У меня проблема, скажем, у меня есть класс
.class { font-family: "somefont", "Arial" }
там, где "somefont" не применяется, конечным результатом будут элементы, которые .class будут отображаться с использованием Arial на странице, но вместо этого на холсте применяется шрифт по умолчанию.

Есть идеи?

Bug

Источник

rayax86

Самый полезный комментарий

Я нашел причину: родительский элемент холста должен иметь явное объявление шрифта, например:
.container { font-family: Roboto, "Helvetica Neue", sans-serif; }

eZ0 18 февр. 2016

👍5 🎉2 😄2

Все 7 Комментарий

У меня такая же проблема.

Это шрифт Roboto, в Google Chrome canary
screen shot 2016-02-18 at 15 18 27

Это визуализированное изображение

eZ0 18 февр. 2016

👍5 🎉2 😄2

Объединение / разделение в CanvasRenderer.prototype.font удаляло дополнительные шрифты. Я отправил исправление для этого

jordan314 12 мая 2016

👍1

Я не уверен, связано ли это, но здесь я думаю, что вижу, что шрифт отображается правильно, но затем накладывается на него ошибочный шрифт?

rsbondi 13 июн. 2016

@ eZ0 ты прав! Спасибо!
Как вы сказали, я помещаю font-family: arial в родительский элемент холста и работает !.

Спасибо! Спасибо!

getJv 28 сент. 2016

Должно быть исправлено в https://github.com/niklasvh/html2canvas/commit/77d258f1d8eeccf7e38235463a293b512c1ca3d0

niklasvh 12 дек. 2017

🎉1

не работает, у меня такая же ошибка

оказано

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

        document.body.appendChild(canvas)

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

Пользовательские шрифты, загруженные с сервера (не CORS), не отображаются. Используемый шрифт - based64 css файл в качестве шрифта для Liberation Serif