HTML5 Canvas TextBaseline Top sieht in Firefox und Chrome anders aus

Question

HTML5 Canvas TextBaseline Top sieht in Firefox und Chrome anders aus

9

Wenn Sie im Textbereich die textBaseline-Eigenschaft auf "top" setzen, wird das Rendering in Chrome und Firefox anders dargestellt. In Chrome gibt es eine Lücke zwischen der Zeile und dem Text, wo es keine Lücke in Firefox gibt.

Bitte beziehen Sie sich dies , um in Ihrem Browser zu sehen, jede Hilfe wäre dankbar.

Ich habe auch ähnliche Probleme gemeldet, die lange zurückliegen. Gibt es in Firefox ein Workaround, damit es funktioniert?

javascript google-chrome canvas firefox html5-canvas

Vishwas R 15.02.2016, 11:00

quelle

1 Antwort

Tags und Links javascript google-chrome canvas firefox html5-canvas

Django: Verwenden von Annotate, Count und Distinct in einem Queryset TwirlKeys.templateImports mit Play werden nicht in IntelliJ IDEA-Vorlagendateien aufgelöst

score 0 · Answer 1

Ich stimme dem OP zu, dass dies ein Problem ist und dass es Firefox ist. In zunehmendem Maße scheint Firefox den vertikalen Offset über die Zeit angepasst zu haben. Es war einmal einmal etwa 4 Pixel, dann 3. Jetzt ist es fast nicht wahrnehmbar. Also stimme ich @Kaiido oben zu. Benutze / set *object*.textBaseline="alphabetic"; Ich glaube, das ist in allen Browsern konsistent.