<canvas id=canvas width=600 height=500 style=background-color: yellow;></canvas>8 c1 P9 U4 H# f$ \0 j0 i
代码如下:/ ^9 `8 L6 _9 f4 g- P/ f
var canvas=document.getelementbyid(canvas);
# c K& |0 F2 T+ ?; `! L; Tvar cxt=canvas.getcontext(2d);
5 l9 L$ ]7 w @ y% [! Fvar img=new image();3 V# d: N" T+ E6 }, |
img.src=cat.jpg;
2 ]7 r( W" p7 N! D `$ Fcxt.drawimage(img,10,10,490,382);
% c7 L8 h6 V) m7 c3 n" p7 U2 C/*- r( }4 Q7 R6 _& n9 E/ P' k
测试发现一个问题 在浏览器第一次执行的时候经常看不到图片,
% ]/ }/ v4 n* f7 x. K d在刷新一次后才能看到图片,有谁知道这是什么原因的,麻烦大神告诉我一下啊! T) q7 ^" P0 p! { B! L
.呵呵# B$ f$ G8 W* a# g3 o" g1 _
*/5 O1 t4 P4 _1 ], G
2 l1 O* {7 c% { l1 w! i
( `) S; U2 S# C7 H/ o! Z7 m
更多网页制作信息请查看: 网页制作 |
|