Canvas context.fillText（）vs context.strokeText（）

Question

除了第一個使用context.fillStyle而後者使用context.strokeStyle之外，context.fillText()和context.strokeText()之間是否有區別。任何他們沒有添加context.textStyle屬性的原因？

Answer 1

是的，strokeText實際上描繪了字母的輪廓，而fillText填充了字母的內部。

ctx.fillStyle='red'; 
ctx.strokeStyle='green' 
ctx.lineWidth=3; 
ctx.font='90px verdana'; 
ctx.fillText('Q',50,150); 
ctx.strokeText('Q',125,150); 
ctx.fillText('Q',200,150); 
ctx.strokeText('Q',200,150);