在同一個字符串中使用不同的fillStyles？

Question

我想知道是否有辦法在畫布上做同樣的fillText的2個不同的fillStyle's。

例如：如果我有一個字符串var string = "text";。

我怎麼可以用fillText(string, X, Y)以不同的顏色寫這個字符串。

這甚至可能嗎？

Answer 1

您需要將字符串拆分爲其特定的彩色部分，然後分別渲染每個部分，儘管將它們放在一起看起來好像是使用一個fillText()調用渲染的。

爲了正確定位多個文本呈現，您可以使用measureText()來爲您提供幫助。