Canvas 8 of HTML drawing Shadows-Drawing text

Draw Shadows

Context.shadowoffetx: Shadow lateral displacement amount

Context.shadowoffety: Shadow longitudinal displacement amount

Context.shadowcolor: Shadow color

Context.shadowblur Blur range of shadows

Draw text

context.fillstyle= ' #00F ';

Context.font= "Bold 30px Sans-serif";

Context.filltext ("Hello World", 0,0);

Context.stroketext ("Hello World", 0,0);

Var metrics=context.measuretext (text);

　　
Canvas 8 of HTML drawing Shadows-Drawing text