<canvas id=canvas width=600 height=500 style=background-color: yellow;></canvas>9 n2 Z% s/ p: ~8 {; z D5 t+ q
代码如下:
1 i1 X2 S- }, N" R9 gvar canvas=document.getelementbyid(canvas);+ k e3 F& A# ~8 F1 P& x! I
var cxt=canvas.getcontext(2d);0 M. X3 R5 g& }- ]
var img=new image();9 l: q5 _. u. i# ^' i
img.src=cat.jpg;
% A/ D* H! L; U8 A) J" tcxt.drawimage(img,10,10,490,382);; n8 }/ X" _- \! L t M
/*, M0 J. f. {2 r S( ^
测试发现一个问题 在浏览器第一次执行的时候经常看不到图片,5 f2 c9 y. V* s
在刷新一次后才能看到图片,有谁知道这是什么原因的,麻烦大神告诉我一下啊$ a! N& ~& a- x* g8 ?3 R
.呵呵
3 U) R# \5 t% [ C' g7 n0 n# w5 G*/6 [% U7 o/ @# {, d
K/ ^$ G& p; g0 `/ F! l9 T/ q* L9 M( I
5 Z3 b/ S! Y1 S1 J( ]更多网页制作信息请查看: 网页制作 |
|