<canvas id=canvas width=600 height=500 style=background-color: yellow;></canvas>
3 X. n' I" S4 A% b' h8 L代码如下:: R+ u- H8 Z# V; X( J0 t
var canvas=document.getelementbyid(canvas);
5 V: t [0 O/ J$ c O# P0 e. [var cxt=canvas.getcontext(2d);
2 _+ w. X( \9 s: lvar img=new image();
! B( F6 u, C3 K: qimg.src=cat.jpg;
, L ]* M& k( d W. ? r( O9 @cxt.drawimage(img,10,10,490,382);
( i) ~9 X4 o+ n: p: u* H/*3 `! v, O0 O. t+ K( \* I' K4 r7 Q& K
测试发现一个问题 在浏览器第一次执行的时候经常看不到图片,9 m7 r( R: t+ m( f r" Q* ]
在刷新一次后才能看到图片,有谁知道这是什么原因的,麻烦大神告诉我一下啊( x! g2 W+ Q7 `) {: b# }0 k; C
.呵呵4 d4 A" _# u p
*/$ x( ]3 E5 t9 z
C: ]' i$ b2 A3 u0 z. T+ X6 R7 K4 U" _& n) ~+ v, Q5 Q/ S
更多网页制作信息请查看: 网页制作 |
|