Html2canvas: Schriftgröße kann in Chrome nicht richtig gerendert werden

Erstellt am 21. Sept. 2018  ·  12Kommentare  ·  Quelle: niklasvh/html2canvas

Fehlerberichte:

Die Schriftgröße kann in Chrome nicht richtig gerendert werden. Die Rendereffekte unterscheiden sich zwischen Chrome und Firefox, wie unten gezeigt. Ich bin mir nicht ganz sicher, ob es eine Frage von html2canvas oder Browserproblemen ist.

gerendert in Chrome

image

gerendert in Firefox (wie die Ursprungs-DOM-Knoten):
image

Spezifikationen:

  • html2canvas-Version getestet mit: 1.0.0-alpha.12
  • Browser & Version: Chrome 69 & Firefox 62
  • Betriebssystem: Windows 10 Professional
picture Coodool

Hilfreichster Kommentar

@nazhenhuiyi Vielen Dank. Es funktioniert für mich. Ich setze font-variant: normal und erhalte das richtige Ergebnis.

picture Coodool am 25. Sept. 2018
👍6 ❤2 👀1 🚀1 🎉1 😄1

Alle 12 Kommentare

https://github.com/niklasvh/html2canvas/issues/1664

Vielleicht ist es das gleiche Problem, Sie können die CSS-Eigenschaft font-variant löschen.

nazhenhuiyi picture nazhenhuiyi am 25. Sept. 2018
👍3

@Coodool

nazhenhuiyi picture nazhenhuiyi am 25. Sept. 2018

@nazhenhuiyi Vielen Dank. Es funktioniert für mich. Ich setze font-variant: normal und erhalte das richtige Ergebnis.

Coodool picture Coodool am 25. Sept. 2018
👍6 ❤2 👀1 🚀1 🎉1 😄1

das Gleiche für mich!

Yin-Xie picture Yin-Xie am 5. Dez. 2018

Ich habe festgestellt, dass das Festlegen des Elementcontainer-Schriftstils diesen Zweck erfüllt.

.container {
  font-variant: normal;
}
yesvods picture yesvods am 9. Dez. 2018
❤4 👍4

Ich bin auch auf dieses Problem gestoßen, das wie oben beschrieben behandelt wurde und nicht gelöst wurde. #/omwteam/html2canvas/issues/8

hqwlkj picture hqwlkj am 25. Jan. 2019
👍3 ❤2 🎉2 😄2

wo du die css { font-variant: normal } eingestellt hast, warum es bei mir nicht funktioniert hat @Coodool

zww930620 picture zww930620 am 21. Feb. 2019

Vielleicht kannst du es mit font-variant: small-caps; @zww930620 versuchen

Coodool picture Coodool am 21. Feb. 2019

Die neuesten html2canvas-Versionen (1.0.0-rc.2+) haben dieses Problem für mich behoben.

val1984 picture val1984 am 31. Mai 2019

font-variant: small-caps; oder font-variant: normal , bei mir hat es nicht funktioniert

niuzhaoxia picture niuzhaoxia am 6. Nov. 2019

Vielleicht kannst du es mit set font-family versuchen

764088276 picture 764088276 am 23. Feb. 2020

@nazhenhuiyi Vielen Dank. Es funktioniert für mich. Ich setze font-variant: normal und erhalte das richtige Ergebnis.

DANKESS

JuanDiegoTissini picture JuanDiegoTissini am 15. Dez. 2020
War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

stevencherry1 picture stevencherry1  ·  3Kommentare
bishwapoudel picture bishwapoudel  ·  4Kommentare
ABHIKSINGHH picture ABHIKSINGHH  ·  3Kommentare
arzyu picture arzyu  ·  3Kommentare
dking3876 picture dking3876  ·  4Kommentare