Используя разные fillStyles в одной строке?

Question

Мне интересно, есть ли способ сделать 2 разных fillStyle в одном и том же fillText на холсте.

Пример: если у меня есть строка var string = "text";.

Как я мог тогда написать эту строку разными цветами с fillText(string, X, Y).

Возможно ли это вообще?

Answer 1

Вам нужно будет разбить строку на отдельные цветные части и визуализировать каждую часть отдельно, хотя расположите их вместе, чтобы они выглядели так, как будто они были отрисованы с использованием одного вызова fillText().

Чтобы правильно позиционировать рендеринг нескольких текстов, вы можете использовать measureText(), чтобы помочь вам.