多个彩色的线条在画布上的文本

Question

这更像是一个解决方案，而不是一个问题。我想出来了，并认为像我这样的其他人可能想知道。

我找到＆＃34; Can I do by character text color in HTML5 Canvas?＆＃34;在搜索时，我并不想使用＆＃34; round about way＆＃34;功能。

这导致我渐变，例如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 example。希望这会有所帮助。

另外，对不起，如果我不想将解决方案作为问题发布。