Canvas context.fillText() kontra context.strokeText()

Question

Czy istnieje jakakolwiek różnica między context.fillText() a context.strokeText() oprócz tego, że pierwsza używa context.fillStyle, a druga używa context.strokeStyle. Czy są jakieś powody, dla których nie dodali oni właściwości context.textStyle?

Answer 1

Tak, strokeTekst faktycznie obrysuje kontur liter, natomiast fillText wypełnia wnętrze liter.

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);