* html部分 ~~~ <img id="hecheng_bg" style="display: none;"> <canvas id="myCanvas" width="400" height="534" style="display: none;"></canvas> ~~~ * js部分 ~~~ // 將圖片轉換成base64(不轉換最后合成將失敗) var bitmap = new plus.nativeObj.Bitmap('test'); var url = '../../../skin/img/1.1.0/qrcode/bg.png'; //轉換圖片地址 bitmap.load(url,function(){ // 創建畫布 var canvas = document.getElementById("myCanvas"); var ctx = canvas.getContext('2d'); // 載入背景圖 var base64 = bitmap.toBase64Data(); $('#hecheng_bg').attr('src',base64); var bg = document.getElementById('hecheng_bg'); ctx.drawImage(bg,0,0,400,534); // 載入二維碼圖 var qrcode_tmp = document.getElementById('qrcode_tmp'); ctx.drawImage(qrcode_tmp,70,20,260,260); var news = canvas.toDataURL(); //新圖base64 // 保存至手機相冊中 var fileName = '_downloads/image/greenolives_share_' + time() + '.png'; //保存地址 var dtask = plus.downloader.createDownload(news, {filename:fileName}, function(d, status){ // 下載完成 if(status == 200){ plus.gallery.save(d.filename, function () { sbh_note("保存成功" ); }); } }); dtask.start(); }); ~~~ * 注意 ~~~ 1.合成圖必須都是base64才能進行最后合并 2.canvas畫布需設置寬高,否則新圖將被截斷 ~~~