html5使用canvas绘制一张图片

<canvas id=canvas width=600 height=500 style=background-color: yellow;></canvas>
代码如下:
) n$ ~2 @4 d! v, `5 Q: Fvar canvas=document.getelementbyid(canvas);
4 Z# K' c. s' S7 t" H3 Z* \, P: ^var cxt=canvas.getcontext(2d);
% K& l' A! Z, w% z3 H6 Jvar img=new image();
' s8 U& W* N* Z: c! x7 {img.src=cat.jpg;
cxt.drawimage(img,10,10,490,382);
/*
测试发现一个问题 在浏览器第一次执行的时候经常看不到图片,
在刷新一次后才能看到图片,有谁知道这是什么原因的,麻烦大神告诉我一下啊
, ?9 u3 C2 l6 j1 H) Z; ?" U' [) g/ T.呵呵
+ s( w" V" t' {; x1 {  G0 U*/

                               
登录/注册后可看大图

' A, t, G. Q" e' X! W
更多网页制作信息请查看： 网页制作

命不能争，运可以造，弱者认命，强者抗命，能者求命，智者造命。

我在顶贴~！~

看你快沉底了~~~~~~

感谢党和人民的关爱~~~

真是有你的！

希望这样的好贴多些，再多些！！！

命不能争，运可以造，弱者认命，强者抗命，能者求命，智者造命。

看起来好~~像啊~~~~~

cd:遮~~~~~~

感觉这个论坛的站长太牛B了，好强大啊