<canvas id=canvas width=500 height=400 style=background-color: yellow;></canvas>
: W9 R- T# D7 Z4 {代码如下:
/ R/ w( w5 v: A2 s3 n, B' B3 h0 p% Hvar canvas=document.getelementbyid(canvas);
, P$ O+ Q+ Y% g9 l5 b g; L; v( ^$ zvar cxt=canvas.getcontext(2d);
( `8 C1 y1 L$ @2 h4 U' R, I: z. Ccxt.font=40px 黑体;. I/ c6 K+ i- S \' T' q. T1 o
//绘制实心字
+ o9 P) [" Q- b$ N' rcxt.fillstyle=red;//填充红色 ], ]4 z- _+ z
cxt.filltext(hello,思思博士,10,50);' B# p$ { \* i2 c: S0 r: y
//绘制空心字
; ?, x, T/ q6 ?2 i! [0 q6 e+ ucxt.strokestyle=red;//红色边, D$ p) W+ W: F: @" D# o
cxt.stroketext(hello,思思博士,10,100);
0 E* w% |; n. }- C' w+ E4 ~, K) o' E! `, w& j! l
) o2 |" m F( U
更多网页制作信息请查看： 网页制作 |
|
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡