>使用之前要引入 html2Canvas.js
>https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.min.js
~~~
function saveDomImage(html2Canvas, dom, fileName) {
if(mui.os.plus) {
if(typeof html2Canvas == null)
throw Error("html2Canvas is not defined");
if(dom == null)
throw Error("saveDomImage param : dom is null");
if(fileName == null || fileName == "")
fileName = "untitled.png";
var getPixelRatio = function(context) {
var backingStore = context.backingStorePixelRatio ||
context.webkitBackingStorePixelRatio || 1;
return(window.devicePixelRatio || 1) / backingStore;
};
var _canvas = document.createElement('canvas');
var ctx = _canvas.getContext('2d');
var ratio = getPixelRatio(ctx);
ctx.scale(ratio, ratio);
var w = dom.offsetWidth;
var h = dom.offsetHeight;
_canvas.width = w;
_canvas.height = h;
_canvas.style.width = w * ratio + 'px';
_canvas.style.height = h * ratio + "px";
html2Canvas(dom, {
allowTaint: true,
logging: false,
profile: true,
useCROS: true,
canvas: _canvas,
onrendered: function(canvas) {
var dataUrl = canvas.toDataURL();
var b = new plus.nativeObj.Bitmap('bitblmap');
b.loadBase64Data(dataUrl, function() {
/*這里一定要是_doc目錄*/
b.save("_doc/" + fileName, {
overwrite: true
}, function(object) {
//保存到相冊
plus.gallery.save("_doc/" + fileName, function() {
mui.toast("圖片已保存到相冊");
}, function() {
mui.toast("圖片保存失敗");
});
}, function() {
mui.toast("圖片保存失敗");
});
}, function() {
mui.toast("圖片保存失敗");
});
}
});
}
}
~~~
- 代碼片段
- 1.格式化銀行卡
- 2.將HTML內容保存為圖片
- 3.mui代碼片段
- 1.粘貼內容
- 2.禁止tab左右滑動
- 3.判斷網絡狀態
- 4.將圖片壓縮轉換為base64
- 5.雙擊退出應用
- 6.二維碼掃描
- 7.支持豎屏
- 4.時間戳格式化
- 5.字符串操作
- 1.去除字符串中的空格
- 2.計算字符串的長度
- 3.字符串轉化
- 4. 復制字符串
- 5.替換字符串
- 6.字符串替換為 *
- 7.字符串檢測
- 8 .生成字符串
- 9.檢測一個字符在字符串中出現的次數
- 6.檢測密碼的等級強度
- 7.數組操作
- 1.數組去重函數
- 2.打亂數組的順序
- 3.求數組的最大值和最小值
- 4.求一個數組的和 基于數字數組
- 5.求一個數組的平均數 基于數字數組
- 6. 隨機獲取數組中的一個元素
- 7.獲取一個字符在一個字符串中出現的次數
- 8.截取數組長度
- 9.刪除值為'val'的數組元素
- 8.cookie操作
- 9.格式化對象 清除對象中的空和null
- 10. 將數組的人民幣轉換為大寫
- 11.URL操作
- 12.返回兩個數之間的隨機數
- 13.隨機產生顏色值
- 14.獲取到截止時間的時間
- 15.文件類型檢測
- 16.判斷是否是安卓或蘋果
- 17.給文字加下劃線
- 源碼分析
- jQuery 1.2.6 源碼閱讀解讀
- webpack插件總結
- css雜記
- css樣式初始化
- JavaScript深入
- 1.JavaScript深入之從原型到原型鏈
- 2.JavaScript深入之詞法作用域和動態作用域
- 3.JavaScript深入之執行上下文棧