<canvas id=canvas width=500 height=400 style=background-color: yellow;></canvas>
1 e8 D$ x8 O5 y9 c! [9 ?代码如下:2 S3 o0 [- s9 p, w7 n0 W
var canvas=document.getelementbyid(canvas);6 D! P- O' K6 w/ O
var cxt=canvas.getcontext(2d);
' N3 W6 ]9 N4 `: y4 O7 Wcxt.font=40px 黑体;( C3 U0 N/ `+ k
//绘制实心字" }/ [& B- [6 Z& Y* c
cxt.fillstyle=red;//填充红色% T2 F. q3 i! C j
cxt.filltext(hello,思思博士,10,50);
9 O8 e x4 n: W" ~+ f//绘制空心字
" | |8 y% e* N8 [- D$ O) M- qcxt.strokestyle=red;//红色边
" f* b% l, {* \. o; }- o0 [cxt.stroketext(hello,思思博士,10,100);2 h# S+ H6 C$ x. V
4 X; {0 y. r. v x0 p% Q
5 {# E5 A- W! z! r8 f更多网页制作信息请查看: 网页制作 |
|