<canvas id=canvas width=600 height=500 style=background-color: yellow;></canvas>
0 F2 `3 }! u1 a4 p3 V; {5 d代码如下:
0 U4 q' B6 Q! u: }$ p0 `6 o$ n( k7 evar canvas=document.getelementbyid(canvas);
( w7 h& M" T$ l1 L wvar cxt=canvas.getcontext(2d);; @ w' e2 |3 V8 v; w- k7 x
var img=new image();2 W6 \5 c4 V$ f2 H& X3 |
img.src=cat.jpg;/ P7 p o- u- }3 U. m" }* X
cxt.drawimage(img,10,10,490,382);
4 u, E# K# ~, o. S/*! C! J* }+ M/ _+ S
测试发现一个问题 在浏览器第一次执行的时候经常看不到图片,0 b9 ~) C+ I0 \$ G+ h. |$ }( U% t N. T
在刷新一次后才能看到图片,有谁知道这是什么原因的,麻烦大神告诉我一下啊
3 ]% b4 S+ Y" I$ l8 O' G) E.呵呵
% J; I4 Z; i l/ Y' f*/$ n% g5 f& i+ Z- {9 `3 \
5 _0 |- m; M7 j6 \3 `
. w I* @: q9 `6 R! [' r更多网页制作信息请查看: 网页制作 |
|