<canvas id=canvas width=600 height=500 style=background-color: yellow;></canvas>
9 O4 R" J x0 l+ v$ C代码如下:1 C5 A0 |9 f3 ]. T
var canvas=document.getelementbyid(canvas);* v( G6 m; |! K' {. `* n3 R- G$ Q6 M
var cxt=canvas.getcontext(2d);
/ Q; Z4 F& D9 A+ o8 ]' L' Q8 w. l6 Pvar img=new image();
! [1 z) A1 `- }! [' Mimg.src=cat.jpg;) ?6 S" p5 P6 Y5 }+ L0 M8 j
cxt.drawimage(img,10,10,490,382);, @6 K2 W) B, [0 G) z
/*8 b1 F& w) \) w4 E
测试发现一个问题 在浏览器第一次执行的时候经常看不到图片,% _; k3 u& f! W' P s
在刷新一次后才能看到图片,有谁知道这是什么原因的,麻烦大神告诉我一下啊5 d' c1 E$ l/ _3 c. H
.呵呵5 x/ N7 a- J4 W6 G
*/
6 y8 Q, h! e. U# I2 Z
$ g( i% d2 D0 |0 |* L1 V) B) z9 p
更多网页制作信息请查看: 网页制作 |
|