Это скорее решение, чем вопрос.Я понял это и подумал, что другие, как я, возможно, захотят узнать.
Я нашел " Могу ли я сделать символьный цвет текста в HTML5 Canvas? " при поиске, но я не хотелиспользовать функцию «кругосветное путешествие».
Это привело меня к градиентам, например, createLinearGradient.И я понял, как жестко блокировать цвета, чтобы не было градиента, только два блока цвета.Вот что я сделал:
var gradient = ctx.createLinearGradient(0, 0, 300, 0);
gradient.addColorStop(0, "red");
gradient.addColorStop(0.5, "red");
gradient.addColorStop(0.5, "blue");
gradient.addColorStop(1, "blue");
ctx.fillStyle = gradient;
Этот код позволяет тексту выглядеть как this , а также позволяет использовать несколько цветов текста в одной строке текста.Посмотрите на этот пример: пример w3school .Надеюсь, это поможет.
Кроме того, извините, если я не должен публиковать решения в виде вопросов.