<canvas id=canvas width=500 height=400 style=background-color: yellow;></canvas>
, e& N% f( L0 g Y# S( m. o2 f4 L" i代码如下:' f, d, F2 w% b9 K
var canvas=document.getelementbyid(canvas);: H) [3 j9 p6 }; X- k) v
var cxt=canvas.getcontext(2d);' q6 y9 X6 v: g& J1 \, a* y
cxt.font=40px 黑体;
: K: t, u$ y6 j; V% v//绘制实心字$ @% m$ K6 h+ E" i! D
cxt.fillstyle=red;//填充红色# a$ u. j" `: d3 u- i% J
cxt.filltext(hello,思思博士,10,50);, \' L4 g8 x% u2 U: ^ t% a
//绘制空心字
8 X5 u4 i; z' G, ~" i# h( Ycxt.strokestyle=red;//红色边
* U/ ~ E8 C- c% R! H) T4 \cxt.stroketext(hello,思思博士,10,100);
( Z3 b, p8 ]! |4 ~7 ^7 N- _" e* R$ }% N' |7 R# {# T
* Y. H" P3 ?2 l; p& r: U更多网页制作信息请查看: 网页制作 |
|