<div id="imgBox">
</div>
function hecheng(){
var data=['img1.png','img2.png','img3.png','img4.png'],base64=[]; //頁面要放在本地服務(wù)器或外網(wǎng)服務(wù)器上把敢。不然圖片有跨域問題
var c=document.createElement('canvas'),
ctx=c.getContext('2d'),
len=data.length;
c.width=290;
c.height=290;
ctx.rect(0,0,c.width,c.height);
ctx.fillStyle='#fff';
ctx.fill();
function drawing(n){
if(n
var img=new Image;
//img.crossOrigin = 'Anonymous'; //解決跨域
img.src=data[n];
img.onload=function(){
if(n==2){
ctx.drawImage(img,0,0,290,290);
}else{
ctx.drawImage(img,0,0,290,290);
}
drawing(n+1);//遞歸
}
}else{
//保存生成作品圖片
base64.push(c.toDataURL("image/jpeg",0.8));
//alert(JSON.stringify(base64));
//fn();
[圖片上傳失敗...(image-a10c03-1545289026339)]
}
}
drawing(0);
}
hecheng()
canvas 將小圖片自動拼成一張大圖片
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來摩骨，“玉大人通贞，你說我怎么就攤上這事∧瘴澹” “怎么了昌罩？”我有些...
- 文/不壞的土叔 我叫張陵，是天一觀的道長灾馒。 經(jīng)常有香客問我茎用，道長，這世上最難降的妖魔是什么睬罗？ 我笑而不...
- 正文 為了忘掉前任轨功，我火速辦了婚禮，結(jié)果婚禮上容达，老公的妹妹穿的比我還像新娘古涧。我一直安慰自己，他們只是感情好花盐，可當(dāng)我...
- 文/花漫 我一把揭開白布羡滑。 她就那樣靜靜地躺著，像睡著了一般算芯。 火紅的嫁衣襯著肌膚如雪啄栓。 梳的紋絲不亂的頭發(fā)上，一...
- 文/蒼蘭香墨 我猛地睜開眼淳梦，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了昔字？” 一聲冷哼從身側(cè)響起爆袍，我...
- 正文 年R本政府宣布，位于F島的核電站厕怜，受9級特大地震影響衩匣，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜酣倾，卻給世界環(huán)境...
- 文/蒙蒙 一舵揭、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧躁锡，春花似錦午绳、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至杠输，卻和暖如春赎败，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背蠢甲。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 在項目中寫JunitTest類時礼殊，test的運行順序默認(rèn)是指定的驹吮，不變的针史，但是這個順序是無法預(yù)估的。有時候我們想要...
- 最簡單確認(rèn)數(shù)據(jù)分布的方式是檢查數(shù)據(jù)本身射亏，兩種相對不同的匯總：summary和fivenum以及通過圖像呈現(xiàn) a d...
- [作者提醒：從Visual Studio 2015 RC 版本開始近忙，“Smart Unit Tests”已經(jīng)更名為...
- 今天真是虛驚一場竭业，下午3點來鐘，接到班主任電話及舍，說于如意把別班同學(xué)絆倒了未辆，把人腿咔這了，我一聽立馬騎電動車到學(xué)校锯玛，...
