var test = document.getElementsByClassName("box")[0];//你需要截图的dom元素
var width = test.offsetWidth; //获取dom 宽度
var height = test.offsetHeight; //获取dom 高度

var canvas = document.createElement("canvas");//创建一个画布
var scale = 2;由于手机像素密度所以要对画布进行一个缩放,来提高截图的清晰度
canvas.width = width * scale; //定义canvas 宽度 * 缩放
canvas.height = height * scale; //定义canvas高度 *缩放
canvas.getContext("2d").scale(scale, scale);

html2canvas(test, {
    useCORS: true, 是否尝试使用CORS从服务器加载图像,允许跨域，不然后台数据截图不到
    logging: true, //日志开关，便于查看html2canvas的内部执行流程
    canvas: canvas,
    width: width, //可选
    height: height, //可选
    scale:scale, //可选

   //以上为基本配置;
    onrendered: function(canvas) {
        var context = canvas.getContext("2d");
        //消除锯齿,重要
        context.mozImageSmoothingEnabled = false;
        context.webkitImageSmoothingEnabled = false;
        context.msImageSmoothingEnabled = false;
        context.imageSmoothingEnabled = false;
        var img = new Image();创建一个图片对象
        var url = canvas.toDataURL('image/jpeg');
        img.src = canvas.toDataURL('image/jpeg');toDataURL()该方法是将canvas转成base64编码的图片;
        document.body.appendChild(img);可选择是否将图片渲染到页面上
        //那该如何将截好的图片保存到手机上呢？这是调用了H5+的方法,自行参考
        var bitblmap = new plus.nativeObj.Bitmap('bitblmap');
        bitblmap.loadBase64Data(url,function(){
            bitblmap.save("路径",{配置参数},successcallback,errorcalllback)
        },function(){mui.toast("保存失败")}
    }