1.算法平鋪
var scale = 5;
//縮小后的圖像寬度
var w1 = image.width/scale;
//縮小后的圖像高度
var h1 = image.height/scale;
//平鋪橫向個(gè)數(shù)
var hNums = canvas.width/w1;
//平鋪縱向個(gè)數(shù)
var vNums = canvas.height/h1;
for(var i=0;i<hNums;i++){
for(var j = 0;j<vNums;j++){
ctx.drawImage(image,i*w1,j*h1,w1,h1);
}
}
2.createPattern 平鋪
var myPattern = ctx.createPattern(img,'repeat');//type: no-repeat,repeat-x,repeat-y,repeat
ctx.fillStyle = myPattern;
ctx.fillRect(0,0,400,300);
posted on 2011-08-18 10:08
長(zhǎng)春語(yǔ)林科技 閱讀(606)
評(píng)論(0) 編輯 收藏 所屬分類:
html5