html5中矩形条怎么写,html5中往矩形中贴图片

分两步：

1. 画布大小就是矩形的大小

[html]

aaa

2. 画到矩形上的代码

[html]  www.2cto.com

var img_src = "./1.jpg";

function drawrect() {

var canvas = document.getelementbyid("canvas");

var context = canvas.getcontext("2d");

//context.strokerect(50, 50, 120, 120);

var img=new image();

//图像被装入后触发

img.οnlοad=function(){

context.drawimage(img,0,0);

}

img.src=img_src;

}

全部代码：

[html]

html5 canvas sample

var img_src = "./1.jpg";

function drawrect() {

var canvas = document.getelementbyid("canvas");

var context = canvas.getcontext("2d");

//context.strokerect(50, 50, 120, 120);

var img=new image();

//图像被装入后触发

img.οnlοad=function(){

context.drawimage(img,0,0);

}

img.src=img_src;

}

aaa

bbb

作者：xiaocaiju