<canvas id=canvas width=600 height=500 style=background-color: yellow;></canvas>
7 Q; |; P9 i# e' Q* ?代码如下:
" N# v9 V7 Z; d6 x0 Yvar canvas=document.getelementbyid(canvas);
. C& ?1 J% o; X L2 t( pvar cxt=canvas.getcontext(2d);' d$ O! h& {3 w' D/ k
var img=new image();
& | L% S5 ?1 dimg.src=cat.jpg;; u' q8 @- I( c6 i( i
cxt.drawimage(img,10,10,490,382);! J. U1 H& ~1 ^% s g8 x. w
/*
$ W" K+ i* I J( N5 d* a2 H- a$ B! R测试发现一个问题 在浏览器第一次执行的时候经常看不到图片,
! J- e! y7 H. \+ \% Z/ E& p% b在刷新一次后才能看到图片,有谁知道这是什么原因的,麻烦大神告诉我一下啊6 J& m" T0 Q) }5 B% v
.呵呵; d; o" |9 F7 e# j9 m0 r% z, f9 g) ~
*/2 }7 k" V6 P' r' w+ c" K, e
$ N Z, H {( Z+ P( O, r
; ^% {6 z$ M1 x( }4 h/ E更多网页制作信息请查看: 网页制作 |
|