<canvas id=canvas width=600 height=500 style=background-color: yellow;></canvas>3 j) T0 q- u1 A. b
代码如下:) S H& u+ [7 i) R' |. J
var canvas=document.getelementbyid(canvas);
9 h6 k7 }& B! _1 F( xvar cxt=canvas.getcontext(2d);9 h) n$ W9 Q! e. {8 V6 A
var img=new image();
5 d$ n5 u" ?3 w& _/ ?! Jimg.src=cat.jpg;& o& r4 q+ { \8 P4 I. u
cxt.drawimage(img,10,10,490,382);
8 e: z$ m& }+ x2 y8 y- M/*
% b3 `* N; h$ R( }7 y测试发现一个问题 在浏览器第一次执行的时候经常看不到图片,
* H! i, B+ o8 b: \9 R; X在刷新一次后才能看到图片,有谁知道这是什么原因的,麻烦大神告诉我一下啊8 I, \* b9 ?' U# Y9 n$ F) M& ^; L
.呵呵
0 a& P) n" }, z F9 P* @*/, Z( Z9 c6 ~- e' l7 F! A; J) x+ H9 I+ N
) j) J& f% k0 G5 h( |) }( w; G
2 Z- c& A+ v p! ?. c/ H更多网页制作信息请查看: 网页制作 |
|