window.onload=function(){

创建画布()；

draw image()；

}

functioncreatecanvas(){

varCANVAS=document。getelementbyid('我的画布')；

context=CAVEN。GetContext(' 2d ')；

}

functiondrawing(){

variamg=Newimage()；

img.onload=function(){

context.drawImage(img，0，0，200，200)；

}

img。src=' img 5。jpg '；

}

demo.html

！DOCTYPEhtml

htmllang='en '

头

' UTF-8 '

标题画布/标题

脚本类型=' text/JavaScript ' src=' demo。js '/脚本

/head

身体

canvasid=' my canvas ' width=' 400 ' high=' 400 '

跨度你的浏览器不支持画布/跨度

/canvas

/body

/html

本文转载自中文网