<canvas id=canvas width=500 height=400 style=background-color: yellow;></canvas>
; G3 R4 G. O* a k& [$ |代码如下:
M5 b' ?2 @, d, {var canvas=document.getelementbyid(canvas);, [0 F. L+ O" O4 F6 d) z
var cxt=canvas.getcontext(2d);
/ Z: [8 u; p* e7 ecxt.font=40px 黑体;
# t. c$ Y1 L- @6 ^% a) V* \//绘制实心字+ [; o! n3 R; Q8 e4 T
cxt.fillstyle=red;//填充红色
2 @5 R+ `1 z8 icxt.filltext(hello,思思博士,10,50);
6 |+ ^; p( w, w" o9 I8 z$ T. v//绘制空心字
0 ?* G9 R5 w, H2 Qcxt.strokestyle=red;//红色边
& X% N) ]$ G, M3 p) g! Ncxt.stroketext(hello,思思博士,10,100);( L. ]/ I* X7 C4 k$ G# e5 G
: F1 b! e9 n9 P/ u8 M9 s0 U
( ?. @! A3 D& e( I* A l! V更多网页制作信息请查看: 网页制作 |
|