Drawing text with an outer stroke with HTML5's canvas

Question

I\'m currently using HTML5\'s canvas to render a number of strings using the fillText method. This works fine, but I\'d also like to give each string a 1px black outer strok

Answer 1

Simon's answer is a good solution, yet it may have mitering glitches in some cases, especially with capital 'M', 'V', & 'W':

drawStroked("MVW", 50, 150);

http://jsfiddle.net/hwG42/1/

In this case, it's best to utilize:

ctx.miterLimit=2;

http://jsfiddle.net/hwG42/3/

Best of luck!