Text 画布上的多色文本行

这与其说是一个问题，不如说是一个解决方案。我明白了这一点，并认为像我这样的其他人可能想知道

搜索时我确实找到了“”，但我不想使用“迂回方式”功能

这让我想到了渐变，例如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;

此代码允许文本看起来像，还允许在一行文本上使用多种颜色的文本。请查看以下示例：。希望这有帮助

---

另外，如果我不应该将解决方案作为问题发布，我也很抱歉。

事实上，你不应该这样做。然而，你能做的是写一个真正的问题并自我回答。请注意，问题和答案必须高于我们的质量规则，此外，对于自我回答，您可能想看一看。但实际上，这个问题已经存在，因此，与其再次重写同一个问题，你可能只想在那里发布一个新的答案。我投票将这个问题作为离题结束，因为它应该作为另一个问题的答案发布（）好的。我将移动我对字符文本颜色问题的答案。