JS的text當中,有方法可以改變特定關鍵字顏色嗎

HIRO






如圖所示,想達成的效果是可以將text當中,特定關鍵字的字體顏色改為橘色

目前我使用的是蠢方法,因為只有一個text的話,顏色變化後整句都會變成橘色
所以只好創了兩個text,並用空白字元進行排版
例如:
text1="原來你就是    呀。" (白色)
text2="     玩家名稱" (橘色)

但是這個方法很明顯有缺點,就是我沒辦法準確做出排版
雖然一個中文字都固定排一個全形空白就好
但是英文字的寬度沒有規律,很難用半形空白去整除
例如一個半形空白,寬度是4,但是"lll"寬度卻是10,無法整除
就會造成排版有點壓到字的感覺(如圖),或是多一個空白,也是很突兀

因此想請問有沒有正規的方法,可以只使用一個text
但是更改特定關鍵字的顏色
懇請各位前輩賜教,感謝

(ps.使用的引擎是"createJS"裡面的Text)

最有價值解答

浩瀚星空
有一種招式,叫做html法。

text1="原來你就是<span style="color:red">玩家名稱</span>呀。" (白色)
回到頂部