Verwenden Sie verschiedene fillStyles in der gleichen Zeichenfolge?

Question

Ich frage mich, ob es eine Möglichkeit gibt, 2 verschiedene fillStyle 's in der gleichen fillText auf Leinwand zu tun.

Beispiel: Wenn ich eine Zeichenfolge habe var string = "text";.

Wie könnte ich dann diese Zeichenfolge in verschiedenen Farben mit fillText(string, X, Y) schreiben.

Ist das überhaupt möglich?

Answer 1

Sie müssten die Zeichenfolge in ihre spezifischen farbigen Teile aufteilen und jedes Teil separat darstellen, obwohl Sie sie so zusammenstellen, dass sie so aussehen, als ob sie mit einem fillText() Aufruf gerendert würden.

Um das Rendering von mehreren Texten richtig zu positionieren, können Sie measureText() verwenden, um Sie zu unterstützen.