<canvas id=canvas width=500 height=400 style=background-color: yellow;></canvas>
2 U6 N4 P6 {3 B; q$ V代码如下:
! O, Z& [% P7 F) g& W: Qvar canvas=document.getelementbyid(canvas);
$ c9 x; m$ p! s8 B9 A( H hvar cxt=canvas.getcontext(2d);* C2 i4 y" Z/ \% m
cxt.font=40px 黑体;
$ a) m L+ t$ Z( v M//绘制实心字( Q% j: E3 p- E& [+ l. H
cxt.fillstyle=red;//填充红色
% M9 o( J5 u: ?1 A5 fcxt.filltext(hello,思思博士,10,50);
7 w! P* J. e! B//绘制空心字
, o. q0 W8 P' x* P6 fcxt.strokestyle=red;//红色边; c/ F" ?0 F3 X6 f
cxt.stroketext(hello,思思博士,10,100);' i2 {- G- O6 U4 y/ ]* t% g( i
( `" t3 i0 J# N" A: `8 J
% J4 A e: z5 }% N& l
更多网页制作信息请查看: 网页制作 |
|