(function ($) {
    // 左侧字体选择框
// 判断是否是ie
    function isIE(id_iframe = 'zt_iframe') { //ie?
        if (!!window.ActiveXObject || "ActiveXObject" in window)
            return frames[id_iframe].document;
        else
            return frames[id_iframe].contentWindow.document;
    }


    // 删除模板
    //
    /*右边删除右侧图片*/
    $("body").delegate(".deleteMb", "click", function (e) {
        var id = $(this).parent().attr('lay-data');
        layer.confirm('删除后不可恢复？', {
            btn: ['确定', '取消'] //按钮
        }, function (index) {
            $.ajax({
                cache: true,
                type: "POST",
                url: 'mbtestdelete',
                data: {
                    'mbid': id,
                    '_token':$("meta[name='csrf-token']").attr('content'),
                },// 你的formid
                async: true,
                error: function (request) {
                    layer.closeAll();
                    layer.msg("失败");
                },
                success: function (res) {
                    layer.closeAll();
                    if(res == 1){
                        layer.msg("删除成功");
                    }else{
                        layer.msg("系统错误");
                    }


                }
            });
        }, function () {
        });
        // return false;
        /* 阻止冒泡事件*/
        e.stopPropagation();
        e.preventDefault();
    });
    /**
     * 下载页面弹出层
     */
    function v2_ajax_download() {
        // 判断是保存图片还是字体图片
        var imgRight = $('#imgRight').css('display');
        if(imgRight == 'block'){//用户图片下载
            parent.layer.open({
                type: 2,
                anim:-1,
                shift:-1,
                title: '',
                closeBtn:0,
                area: ['500px', '400px'],
                scrollbar: true,
                fixed: false, //不固定
                maxmin: false,
                content: "/v2/index/download"
            });
        }else{//用户下载字体图片
            parent.layer.open({
                type: 2,
                title: '',
                anim:-1,
                shift:-1,
                closeBtn:0,
                area: ['1000px', '500px'],
                scrollbar: true,
                fixed: false, //不固定
                maxmin: false,
                content: "/v2/index/ztdownload"
            });
        }
    }


    function double(num){
        if (num<10){
            return "0"+num;   //如果时分秒少于10，则在前面加字符串0
        }
        else{
            return ""+num;        //否则，直接返回原有数字
        }
    }

    /*右边删除右侧图片*/
    $("body").delegate("#uploadLoad", "click", function (e) {
        $('#updateselect').attr('value','0');
        if(uid > 0){
            $('#uploadLoad').hide();
            $('#uploader').show();
            $('#uploader #dndArea input').click();
        }else{
            layer.open({
                type: 2,
                title:'欢迎登录微微二维码',
                area: ['420px', '470px'],
                scrollbar:true,
                fixed: false, //不固定
                maxmin: true,
                content: "/auth/ajaxWechat"
            });
        }
        /* 阻止冒泡事件*/
        e.stopPropagation();
        e.preventDefault();
    });
    // 保存网页到数据库
    $("#two_dh .two_dh ul li").on('click',function () {
        var datalay=$(this).attr('lay-data');
        var imgh = $('#image_iframe').css('display');
        switch (datalay){
            case '1':
                if(imgh=='block'){/*上传微微二维码片文件*/
                    var isUpload = $(isIE('image_iframe')).find('#isUpload').val();//验证文件是否已经上传
                    if(isUpload==0){
                        $(isIE('image_iframe')).find('#uploader .queueList input').click();
                    }else{
                        layer.confirm('本操作会清空当前已经处理的图片，是否继续？', {
                            btn: ['继续', '取消'],closeBtn:1 //按钮
                        }, function (index) {
                            layer.close(index);
                            $(isIE('image_iframe')).find('#uploader .btns .resetBtn').click();
                            $(isIE('image_iframe')).find('#uploader .queueList input').click();
                        }, function () {
                        });
                    }
                }else{/*上传文字地图*/
                    $('#updateselect').attr('value','1');
                    $('#uploader .queueList input').click();
                }
                break;
            case '2':
                if(imgh=='block'){/*微微二维码下载*/
                    var now_ids = $(isIE('image_iframe')).find('#label_right_div').attr('lay-imgid');
                    if(imghandle[now_ids]){
                        var handleimg = imghandle[now_ids].handleimg;
                        if(handleimg !=''){
                            layer.confirm('是否应用当前修改？', {
                                btn: ['应用','取消'] //按钮
                                ,cancel: function(index, layero){
                                    //取消操作，点击右上角的X
                                    reStroCs(handleimg,'2');
                                    nowGenX();
                                    v2_ajax_download();
                                }
                            }, function(index){
                                layer.close(index);
                                btnsuccess(handleimg,'2');
                            }, function(){
                                reStroCs(handleimg,'2');
                                nowGenX();
                                v2_ajax_download();
                            });
                        }else{
                            nowGenX();
                            v2_ajax_download();
                        }
                    }else{
                        nowGenX();
                        v2_ajax_download();
                    }

                }else{/*文字部分下载*/
                    nowGenX();
                    v2_ajax_download();
                }
                break;
            case '3':
                nowGenX();
                if(uid > 0){
                    var $arr = [];
                    if(backhandle !== '[]'){
                        for (index in backhandle){
                            $arr.push(index);
                        };
                    }
                    function getSaveImgs(arr, index) {
                        var nowh = '正在保存中';
                        saveStep=0;
                        $('#two_dh ul li.savecolor span.genxin').show().html(nowh);
                        if (arr.length > index) {
                            saveNowHtml('1',arr[index],function (res) {
                                if(res==1){
                                    index = index + 1;
                                    getSaveImgs(arr, index)
                                }
                            })
                        } else {
                            var myDate = new Date();
                            var now_time = myDate.getHours()+':'+double(myDate.getMinutes());/*获取当前的时间*/
                            var nowh = '今天<text>'+now_time+'</text>保存';
                            $('#two_dh ul li.savecolor span.genxin').html(nowh);
                            layer.closeAll();
                            saveStep=0;
                            // layer.msg("保存成功");
                        }
                    }
                    getSaveImgs($arr, 0);

                }else{
                    ajax_v2_login()
                }
                break;
            case '4'://我的上传
                window.open("/home/userimgs");
                break;
            case '5'://撤销
                if(imgh == 'none'){
                    retreat();
                }else{
                    imgretreat();
                }
                //
                break;
            case '6'://前进
                if(imgh == 'none'){
                    advance();
                }else{
                    imgadvance();
                }
                break;
            case '7':
                reSet();
                break;
            case '8'://另存为
                if(uid > 0){
                    saveNowHtml('2');
                }else{
                    ajax_v2_login()
                }
                break;
            case '9':/*用户收藏*/
                var now_id = $(isIE()).find('#now_page_select_id').attr('now_id');
                if(now_id){
                    colloctHandle(now_id);
                }

                break;
            case '10':
                $("#left-Hui-aside dl[data-classtype='update_sc']").click();
                // window.open("/home/design");
                break;
            case '20':/*保存字体特效*/

                nowGenX();
                layer.confirm('请选择保存方式？', {
                    btn: ['字体特效', '特效模板'],closeBtn:1 //按钮
                }, function (index) {
                    layer.close(index);
                    saveImgTexiao('1');
                }, function () {
                    saveImgTexiao('2');
                });
                break;
            case '21':
                if(imgh=='block'){/*图片压缩*/
                    layer.confirm('本操作会清空当前已经处理的图片，是否继续？', {
                        btn: ['继续', '取消'],closeBtn:1 //按钮
                    }, function (index) {
                        var uploaderdis = $(isIE('image_iframe')).find('#uploader').css('display');
                        if(uploaderdis == 'none'){
                            $(isIE('image_iframe')).find(".t-stage-tool div[placement='zoom_qh']").click();
                        }
                        layer.close(index);
                        $(isIE('image_iframe')).find('#uploader .btns .resetBtn').click();
                    }, function () {
                    });
                }else{/*字体特效*/
                    layer.confirm('本操作会清空当前已经设计的所有内容，是否继续？', {
                        btn: ['继续', '取消'],closeBtn:1 //按钮
                    }, function (index) {
                        layer.close(index);
                        $('#rightMoreXuanXiangka').attr('data-index','');
                        rightMbNums = 0;
                        isMbTh=0;
                        backhandle = [];
                        $('.bk_3').hide();
                        $('#rightMoreXuanXiangka .page-list').empty();
                        $(isIE()).find('#uploader').show();
                        $(isIE()).find('.label_main').hide();
                        // document.getElementById('zt_iframe').contentWindow.location.reload(true);
                        document.getElementById('zt_iframe').src='/v2/index/welcomezt/moban*';
                        saveKz(1,0);
                        // backhandle[idxs].num = num;
                    }, function () {

                    });
                }
                break;


        }

    });



    // 点击关闭字效
    $('#closeZitiTexiao').on('click',function () {
        closeTxClick();
    });
    $('#sousuob').on('click',function () {
        var layid = $('#scselect').attr('lay-mold');
        var oldpage = $('#scselect').attr('lay-page');
        var class_id = $('#scselect').attr('lay-data');
        var page = parseInt(document.getElementById('sousuobIn').value);
        if(page!=''){
            $('#scselect .scload img').show();
            $('#scselect').attr('lay-mold',layid);
            $('#scselect').attr('lay-page',page);
            $.ajax({
                cache: true,
                type: "POST",
                url: '/v2/findSclLid',
                data: {
                    'mold': layid,
                    'class_id':class_id,
                    'page': page,
                    '_token':$("meta[name='csrf-token']").attr('content'),
                },// 你的formid
                async: true,
                error: function (request) {
                },
                success: function (res) {
                    if(res == ''){
                        $('#scselect').attr('lay-page','');
                        $('#scselect .scload img').hide();
                        $('#scselect .scload span').show();
                    }else{
                        var count = res.length;
                        var html = "";
                        for (var i = 0; i < count; i++) {
                            html += '<li lay-data="'+res[i].id+'" class="fl xz_bj_li"><img class="sc_img" src="'+res[i].src+'?time='+new Date().getTime()+'"></li>';
                        }
                        $('#scselect #fhsc .gundongtiaosc').empty().append(html);
                        $('#scselect .scload img').hide();
                        $('#scselect .scload span').hide();
                    }


                }
            });
        }else{
            $('#scselect .scload span').show();
        }
    });

    $("#mbgundong").scroll(function(){
        var $this =$(this);
        var viewH =$(this).height();//可见高度
        var content =$(this).get(0).scrollHeight;//内容高度
        var scrollTop =$(this).scrollTop();//滚动高度
        if(content == (viewH + scrollTop+6)) { //当滚动到底部时，


        }
        if(content - viewH - scrollTop <= 60) { //当滚动到距离底部100px时,
            var lay_data = $('#mbselect').attr('lay-gundong');
            let lay_val = $("#gundongtiaoUl").attr('lay-val');
            if(lay_data=='1'&&lay_val!='1'){
                var page = parseFloat($('#mbselect').attr('lay-page'))+1;
                var _token = $('meta[name="csrf-token"]').attr('content');
                $("#gundongtiaoUl").attr('lay-val','1');

                var layid = $('#mbselect').attr('lay-mold');
                var class_id = $('#mbselect').attr('lay-data');

                $('#mbselect .scload img').show();
                $('#mbselect').attr('lay-page',page);
                $.ajax({
                    cache: true,
                    type: "POST",
                    url: '/v2/getBjImgList',
                    data:{
                        'mold': layid,
                        'class_id':class_id,
                        'page': page,
                        '_token':_token
                    },// 你的formid
                    async: true,
                    error: function(request) {
                        layer.msg("失败");
                        layer.close(index);
                        $('#mbselect .scload img').hide();
                        $("#gundongtiaoUl").attr('lay-val','0');
                    },
                    success: function(res) {
                        $('#mbselect .scload img').hide();
                        $('#mbselect').attr('lay-page',page);
                        $("#gundongtiaoUl").attr('lay-val','0');
                        if(res == 0){
                            $('#mbselect').attr('lay-gundong',0);
                        }else{
                            if(res.length<30){
                                $('#mbselect').attr('lay-gundong',0);
                            }
                            var html = '';
                            for (var i=0;i<res.length;i++){
                                // html+='<li id="findMbClick" lay-data="'+res[i].id+'" class=""><img class="bj_img" src="../'+res[i].thumbsrc+'?time='+new Date().getTime()+'"><p class="deleteMb">删除</p></li>';
                                html+='<li id="findMbClick" data-mold="'+layid+'" lay-data="'+res[i].id+'" class=""><img class="bj_img" src="'+res[i].thumbsrc+'?time='+new Date().getTime()+'"></li>';
                            }
                            $('#mbselect #mbgundong').append(html);
                        }
                    }
                });
            }else{
                if(lay_val!='1'){
                    $('#mbselect .scload span').show();
                }
            }
            return false;

        }
        if(scrollTop/(content -viewH) >= 0.95){ //当滚动到距离底部5%时

        }
    });

    // 容器滚动时加载更多
    $('#rongqiScroll').scroll(function () {

        var $this =$(this);
        var viewH =$(this).height();//可见高度
        var content =$(this).get(0).scrollHeight;//内容高度
        var scrollTop =$(this).scrollTop();//滚动高度
        if(content == (viewH + scrollTop+6)) { //当滚动到底部时，


        }
        if(content - viewH - scrollTop <= 60) { //当滚动到距离底部100px时,
            var nomore = $('#rongqiScroll').attr('data-nomore');/*数据是否到底*/
            var loading = $('#rongqiScroll').attr('data-loading');/*是否正在加载*/
            if(nomore=='0'&&loading=='0'){
                var page = parseFloat($('#rongqiScroll').attr('data-page'))+1;/*查询请求的页数*/
                var _token = $('meta[name="csrf-token"]').attr('content');
                var class_id = $('#imgrongqi').attr('data-class-id');

                $('#rongqiScroll .scload img').show();
                $("#gundongtiaoUl").attr('data-loading','1');
                $.ajax({
                    cache: true,
                    type: "POST",
                    url: '/v2/getRongqiLists',
                    data:{
                        'page': page,
                        'class_id': class_id,
                        '_token':_token
                    },// 你的formid
                    async: true,
                    error: function(request) {
                        layer.msg("失败");
                        layer.close(index);
                        $('#rongqiScroll .scload img').hide();
                        $("#rongqiScroll").attr('data-loading','0');
                    },
                    success: function(res) {

                        if(res == 0){
                            $('#rongqiScroll').attr('data-nomore','1');
                        }else{
                            if(res.length<30){
                                $('#rongqiScroll').attr('data-nomore','1');
                            }

                            var html = '';
                            for (var i=0;i<res.length;i++){
                                // '?time='+new Date().getTime()+'
                                html+='<li lay-data="'+res[i].id+'" class="fl xz_bj_li img_li">\n' +
                                    '      <img class="formxz_img" src="'+res[i].src+'?time='+new Date().getTime()+'">\n' +
                                    '  </li>';
                            }
                            $('#rongqiScroll #style_jichu').append(html);
                        }

                        $('#rongqiScroll .scload img').hide();
                        $('#rongqiScroll').attr('data-page',page);
                        $("#rongqiScroll").attr('data-loading','0');
                    }
                });

            }else{
                if(nomore=='1'){
                    $('#rongqiScroll .scload span').show();
                }
            }
            return false;
        }
        if(scrollTop/(content -viewH) >= 0.95){ //当滚动到距离底部5%时

        }
    });

    $("#mbselect #gundongtiaoUlold").scroll(function(){
        var $this =$(this);
        var viewH =$(this).height();//可见高度
        var content =$(this).get(0).scrollHeight;//内容高度
        var scrollTop =$(this).scrollTop();//滚动高度
        if(content == (viewH + scrollTop+6)) { //当滚动到底部时，

        }
        if(content - viewH - scrollTop <= 60) { //当滚动到距离底部100px时,
            var lay_data = $('#mbselect #gundongtiaoUlold').attr('lay-data');
            let lay_val = $("#mbselect #gundongtiaoUlold").attr('lay-val');
            if(lay_data=='1'&&lay_val!='1'){
                var page = parseFloat($('#mbselect #gundongtiaoUlold').attr('lay-page'))+1;
                var _token = $('meta[name="csrf-token"]').attr('content');
                $("#mbselect #gundongtiaoUlold").attr('lay-val','1');

                $('#mbselect .scload img').show();
                $.ajax({
                    cache: true,
                    type: "POST",
                    url: '/v2/getAllMbList',
                    data:{
                        'page': page,
                        '_token':_token
                    },// 你的formid
                    async: true,
                    error: function(request) {
                        layer.msg("失败");
                        layer.close(index);
                        $('#mbselect .scload img').hide();
                        $("#mbselect #gundongtiaoUlold").attr('lay-val','0');
                    },
                    success: function(res) {
                        $('#mbselect .scload img').hide();
                        $('#mbselect #gundongtiaoUlold').attr('lay-page',page);
                        $("#mbselect #gundongtiaoUlold").attr('lay-val','0');
                        if(res == 0){
                            $('#mbselect #gundongtiaoUlold').attr('lay-data',0);
                        }else{
                            if(res.length<30){
                                $('#mbselect #gundongtiaoUlold').attr('lay-data',0);
                            }
                            var html = '';
                            for (var i=0;i<res.length;i++){
                                // html+='<li id="findMbClick" lay-data="'+res[i].id+'" class=""><img class="bj_img" src="../'+res[i].thumbsrc+'?time='+new Date().getTime()+'"><p class="deleteMb">删除</p></li>';
                                html+='<li id="findMbClick" lay-data="'+res[i].id+'" class=""><img class="bj_img" src="'+res[i].thumbsrc+'?time='+new Date().getTime()+'"></li>';
                            }
                            $('#mbselect ul#gundongtiaoUlold').append(html);
                        }
                    }
                });
            }else{
                if(lay_val!='1'){
                    $('#mbselect .scload span').show();
                }
            }
            return false;

        }
        if(scrollTop/(content -viewH) >= 0.95){ //当滚动到距离底部5%时

        }
    });



    // function scrollFunc(){
    $("#Scgundong").scroll(function(){
        var $this =$(this);
        var viewH =$(this).height();//可见高度
        var content =$(this).get(0).scrollHeight;//内容高度
        var scrollTop =$(this).scrollTop();//滚动高度

        if(content == (viewH + scrollTop)) { //当滚动到底部时，
        }
        if(content - viewH - scrollTop <=60) { //当滚动到距离底部100px时,
            let lay_val = $("#Scgundong").attr('lay-val');
            // Scgundong
            var layid = $('#scselect').attr('lay-mold');
            var oldpage = $('#scselect').attr('lay-page');
            var class_id = $('#scselect').attr('lay-data');
            if(oldpage!=''&&lay_val!='1'){
                var page = parseFloat(oldpage)+1;
                $('#scselect .scload img').show();
                $('#scselect').attr('lay-mold',layid);
                $('#scselect').attr('lay-page',page);
                $("#Scgundong").attr('lay-val','1');
                $.ajax({
                    cache: true,
                    type: "POST",
                    url: '/v2/findsc',
                    data: {
                        'mold': layid,
                        'class_id':class_id,
                        'page': page,
                        '_token':$("meta[name='csrf-token']").attr('content'),
                    },// 你的formid
                    async: true,
                    error: function (request) {
                        $("#Scgundong").attr('lay-val','0');
                    },
                    success: function (res) {
                        $("#Scgundong").attr('lay-val','0');
                        if(res == ''){
                            $('#scselect').attr('lay-page','');
                            $('#scselect .scload img').hide();
                            $('#scselect .scload span').show();
                        }else{
                            var count = res.length;
                            var html = "";
                            for (var i = 0; i < count; i++) {
                                scArrLeft[res[i].id] = res[i];
                                html += '<li lay-data="'+res[i].id+'" class="fl xz_bj_li"><img class="sc_img" src="'+res[i].src+'?time='+new Date().getTime()+'">\n' +
                                    '                        <div class="mark"><div class="material-mark"><i class="iconfont"></i></div></div>\n' +
                                    '                        <span class="img-info-btn"><i class="iconfont"></i></span></li>';
                            }
                            $('#scselect #fhsc .gundongtiaosc').append(html);

                            $('#scselect .scload img').hide();
                            $('#scselect .scload span').hide();
                        }

                    }
                });
            }else{
                if(lay_val!='1'){
                    $('#scselect .scload span').show();
                }
            }
            return false;
        }
        if(scrollTop/(content -viewH) >= 0.95){ //当滚动到距离底部5%时
            // 这里加载数据..
            // console.log('95');
        }
    });
    // }

    $("#bjselect ul").scroll(function(){
        var $this =$(this);
        var viewH =$(this).height();//可见高度
        var content =$(this).get(0).scrollHeight;//内容高度
        var scrollTop =$(this).scrollTop();//滚动高度

        if(content == (viewH + scrollTop+6)) { //当滚动到底部时，

        }
        if(content - viewH - scrollTop <= 80) { //当滚动到距离底部100px时,
            // console.log('100');
            let lay_val = $("#bjselect").attr('lay-val');
            // 查询当前选中
            var select = $('#ztClassTexture').attr('value');
            var oldpage = $('#ztClassTexture').attr('page');
            var page = parseInt(oldpage)+1;
            if(oldpage!='0'&&lay_val!='1'){
                $('#bjselect .scload img').show();
                $("#bjselect").attr('lay-val','1');
                $.ajax({
                    cache: true,
                    type: "POST",
                    url: '/v2/getBjImg',
                    data: {
                        'class':select,
                        'page': page,
                        '_token':$("meta[name='csrf-token']").attr('content'),
                    },// 你的formid
                    async: true,
                    error: function (request) {
                        $("#bjselect").attr('lay-val','0');
                        layer.close(index);
                    },
                    success: function (res) {
                        $("#bjselect").attr('lay-val','0');
                        $('#bjselect .scload img').hide();
                        if(res == ''){
                            $('#ztClassTexture').attr('page','0');
                            $('#bjselect .scload span').show();
                        }else{
                            var html = '';
                            for (var i=0;i<res.length;i++){
                                html+='<li onclick="bjImgClick(this)" lay-data="'+res[i].id+'" class="fl bj_li img_li"><img lay-src="'+res[i].src+'?time='+new Date().getTime()+'" class="bj_img" src="'+res[i].thumbsrc+'?time='+new Date().getTime()+'"></li>'
                            }
                            $('#bjselect ul').append(html);
                            $('#ztClassTexture').attr('page',page);
                            $('#bjselect .scload span').hide();
                        }

                    }
                });
            }else{
                if(lay_val!='1'){
                    $('#bjselect .scload span').show();
                }
            }
            return false;
        }
        if(scrollTop/(content -viewH) >= 0.95){ //当滚动到距离底部5%时
            // 这里加载数据..
            // console.log('95');
        }
    });



    // 左侧素材切换

    $('#scselect .gundongtiao li').on('click',function () {
        $('#scselect .gundongtiao').hide();
        $('#scselect #fhsc').show();
        var layid = $(this).attr('lay-id');
        var page = 1;
        $('#scselect').attr('lay-mold',layid);
        $('#scselect').attr('lay-page',page);
        $('#scselect #fhsc .gundongtiaosc').empty();
        $('#scselect .fhbt').empty();

        $('#scselect .scload img').show();
        $('#scselect').attr('lay-data','all');
        closeSuGuanJianCi();
        $.ajax({
            cache: true,
            type: "POST",
            url: '/v2/findScClass',
            data: {
                'mold': layid,
                'page': page,
                'uid': uid,
                '_token':$("meta[name='csrf-token']").attr('content'),
            },// 你的formid
            async: true,
            error: function (request) {
            },
            success: function (data) {
                scArrLeft = [];
                var res = data['arr'];
                var classArr = data['classArr'];
                $('#scselect .scload img').hide();
                var count = res.length;
                var html = "";
                for (var i = 0; i < count; i++) {
                    scArrLeft[res[i].id] = res[i];
                    html += '<li lay-lid="'+layid+'" lay-data="'+res[i].id+'" class="fl xz_bj_li"><img class="sc_img" src="'+res[i].src+'?time='+new Date().getTime()+'">\n' +
                        '                        <div class="mark"><div class="material-mark"><i class="iconfont"></i></div></div>\n' +
                        '                        <span class="img-info-btn"><i class="iconfont"></i></span></li>';
                }
                $('#scselect #fhsc .gundongtiaosc').append(html);

                if(classArr){
                    var htmls = "";
                    for (var i = 0; i < classArr.length; i++) {
                        if(classArr[i].id == 'all'){
                            htmls += '<div onclick="ZtScClick(this)" lay-lid="'+layid+'" lay-data="'+classArr[i].id+'" class="scbt activesc">'+classArr[i].title+'</div>';
                        }else{
                            htmls += '<div onclick="ZtScClick(this)" lay-lid="'+layid+'" lay-data="'+classArr[i].id+'" class="scbt">'+classArr[i].title+'</div>';
                        }
                    }
                    $('#scselect .fhbt').append(htmls);
                }

                let clientHeight = document.body.clientHeight;
                if(!clientHeight){
                    clientHeight = 800;
                }
                let top = $('#Scgundong').offset().top;
                if(top){
                    top = parseFloat(top)+30;
                }else{
                    top = 125;
                }
                $('#Scgundong').css('max-height',clientHeight-top+'px');

            }
        });

    });
    // 返回素材分类列表
    $('#scselect #fhsc .fhsc').on('click',function () {
        closeSuGuanJianCi();
        $('#scselect .gundongtiao').show();
        $('#scselect #fhsc').hide();
        $('#scselect').attr('lay-mold',0);
        $('#scselect').attr('lay-page',1);
        $('#scselect #fhsc .gundongtiaosc').empty();
    });


    // 左侧模板切换

    $('#mbselect #gundongtiaoClass div li').on('click',function () {
        var layid = $(this).attr('lay-id');
        if(uid <= 0&&layid =='34'){
            ajax_v2_login();
        }else{
            $('#mbselect .gundongtiao').hide();
            $('#mbselect #gundongtiaoUl').show();
            var page = 1;
            $('#mbselect').attr('lay-mold',layid);
            $('#mbselect').attr('lay-page',page);
            $('#mbselect').attr('lay-gundong',1);

            $('#mbselect #gundongtiaoUl .gundongtiaosc').empty();
            $('#mbselect .fhbt').empty();

            $('#mbselect .scload img').show();
            $('#mbselect').attr('lay-data','all');
            $.ajax({
                cache: true,
                type: "POST",
                url: '/v2/findMbClass',
                data: {
                    'mold': layid,
                    'page': page,
                    'uid': uid,
                    '_token':$("meta[name='csrf-token']").attr('content'),
                },// 你的formid
                async: true,
                error: function (request) {
                },
                success: function (data) {
                    var res = data['arr'];
                    var classArr = data['classArr'];
                    $('#mbselect .scload img').hide();
                    var count = res.length;
                    var html = "";
                    for (var i = 0; i < count; i++) {
                        html += '<li id="findMbClick" data-mold="'+layid+'" lay-data="'+res[i].id+'" class=""><img class="bj_img" src="'+res[i].thumbsrc+'?time='+new Date().getTime()+'"></li>';
                    }
                    $('#mbselect #mbgundong').append(html);

                    if(classArr){
                        var htmls = "";
                        for (var i = 0; i < classArr.length; i++) {
                            if(classArr[i].id == 'all'){
                                htmls += '<div onclick="ZtMbClick(this)" lay-lid="'+layid+'" lay-data="'+classArr[i].id+'" class="scbt activesc">'+classArr[i].title+'</div>';
                            }else{
                                htmls += '<div onclick="ZtMbClick(this)" lay-lid="'+layid+'" lay-data="'+classArr[i].id+'" class="scbt">'+classArr[i].title+'</div>';
                            }
                        }
                        $('#mbselect .fhbt').append(htmls);
                    }

                    let clientHeight = document.body.clientHeight;
                    if(!clientHeight){
                        clientHeight = 800;
                    }
                    let top = $('#mbselect #mbgundong').offset().top;
                    if(top){
                        top = parseFloat(top)+30;
                    }else{
                        top = 125;
                    }
                    $('#mbselect #mbgundong').css('max-height',clientHeight-top+'px');

                }
            });
        }



    });

    // 返回模板分类
    $('#mbselect #gundongtiaoUl .fhsc').on('click',function () {
        $('#mbselect .gundongtiao').show();
        $('#mbselect #gundongtiaoUl').hide();
        $('#mbselect').attr('lay-mold',0);
        $('#mbselect').attr('lay-page',1);
        $('#mbselect').attr('lay-gundong',1);
        $('#mbselect #mbgundong').empty();
    });
    // // 点击空白处
    // $(document).mousedown(function (e) {
    //     //如果事件对象存在
    //     var event = event || window.event;
    //     var typeclass = event.target.getAttribute('class');
    //     var class_id = event.target.getAttribute('class_id');
    // })

    // 点击空白处加载渲染
    $(document).click(function (event) {
        //如果事件对象存在
        var event = event || window.event;
        var typeclass = event.target.getAttribute('class');
        if (typeclass != 'SlideBarVertical' && typeclass != 'layerSlideBar'&& typeclass != 'layersWrapBtnP' && typeclass != 'slideBarButtonBar'&& typeclass != 'slideBarButton' && typeclass!='btn btn-primary radius') {
            $('#elementEditDoBlockFixed').fadeOut();
        }
    });


    // 右下角删除选中
    $('#deleteOmit').on('click',function () {
        var now_id = $(isIE()).find('#now_page_select_id').attr('now_id');
        if(now_id){//删除
            $(isIE()).find('#'+now_id).remove();
            var css = {
                'z-index':9999999,
                'display':'none'
            }
            $(isIE()).find('#label_main_hb_h').hide();
            $(isIE()).find('#select_style').css(css);
            saveKz();
        }
        return false;
    });

    //复制选中
    $('#copyOmit').on('click',function () {
        var now_id = $(isIE()).find('#now_page_select_id').attr('now_id');
        if(now_id){//删除
            // 获取当前选中的div
            var oldhtml = $(isIE()).find('#'+now_id).prop("outerHTML");

            var timestamp = (new Date()).getTime();
            if (now_id.indexOf("img") >= 0) {//图片
                var t_id = 'img_'+timestamp;
            } else if (now_id.indexOf("form") >= 0) {//形状
                var t_id = 'form_'+timestamp;
            } else {//文字
                var t_id = 'text_'+timestamp;
            }
            // 字符串替换
            var html=oldhtml.replace(new RegExp(now_id,("gm")),t_id);
            $(isIE()).find('#label_main_hb').append(html);
            var top = parseFloat($(isIE()).find('#'+now_id).css('top'))+10;
            var left = parseFloat($(isIE()).find('#'+now_id).css('left'))+10;
            var css = {
                'top':top+'px',
                'left':left+'px',
            }
            $(isIE()).find('#'+t_id).css(css)
            $(isIE()).find('#now_page_select_id').attr('now_id', t_id);
            document.getElementById("zt_iframe").contentWindow.showSelect(t_id);
            saveKz();

        }
    });

    // 点击显示排序
    $('#sortOmit').on('click',function () {
        var showVal = $('#elementEditDoBlockFixed').css('display');
        if(showVal == 'none'){
            var now_id = $(isIE()).find('#now_page_select_id').attr('now_id');
            if(now_id){
                var layerVal = parseFloat($(isIE()).find('#'+now_id).css('z-index'));
                var height = ((layerVal-50)*120/1000).toFixed(3);
                if(height>120){
                    height = 120;
                }
                $('.slideBarButtonBar').css('height',height+'px');
                $('.slideBarButton').css('bottom',height+'px');
                $('#elementEditDoBlockFixed').fadeIn();
            }
        }else{
            $('#elementEditDoBlockFixed').fadeOut();
        }
        saveKz()
    });


    // 上移一层
    $('#layersWrapTopOne').on('click',function () {
        var now_id = $(isIE()).find('#now_page_select_id').attr('now_id');
        if(now_id){
            zindexHandle(now_id,1)
        }
    });
    // 下移一层
    $('#layersWrapBtnOne').on('click',function () {
        var now_id = $(isIE()).find('#now_page_select_id').attr('now_id');
        if(now_id){
            zindexHandle(now_id,2)
        }
    });

    // 置顶
    $('#layersWrapTop').on('click',function () {
        var now_id = $(isIE()).find('#now_page_select_id').attr('now_id');
        if(now_id){
            zindexHandle(now_id,3)
        }
    });
    // 置底部
    $('#layersWrapBtn').on('click',function () {
        var now_id = $(isIE()).find('#now_page_select_id').attr('now_id');
        if(now_id){
            zindexHandle(now_id,4)
        }
    });





    // 添加文本
    $('#wenzi_zbt,#wenzi_fbt,#wenzi_zw').on('click',function () {
        var that = this;
        isHandleCanvas('1',function (e) {
            if(e){
                var bl = parseFloat($(isIE()).find('#label_main_hb').attr('oldscale'));
                switch ($(that).val()) {
                    case 1:
                        var fontSize=parseInt(48/bl);
                        break;
                    case 2:
                        var fontSize=parseInt(30/bl);
                        break;
                    case 3:
                        var fontSize=parseInt(24/bl);
                        break;
                }
                var ztw = fontSize*6+10;

                var now_w = parseFloat($(isIE()).find('#label_main_hb').attr('width'));
                var now_h = parseFloat($(isIE()).find('#label_main_hb').attr('height'));
                var left = (now_w - ztw)/2;
                var top = (now_h - fontSize)/2;
                var timestamp = (new Date()).getTime();

                var zindex = indexHandleMax()+1;
                var t_id = 'text_'+timestamp;
                hangdleZindex(t_id,zindex,1);
                // var t_id = 'text_'+123123;
                var html = "<div lay_isjb='' lay_jbcolor='' ajaxzt='0'  lay_texiao=''  id='"+t_id+"' rotate=\"0\" class=\"new_wz\"\n" +
                    "                 style=\"width: "+ztw+"px;height: auto;top:"+top+"px;left:"+left+"px;transform:rotate(0deg);\n" +
                    "-ms-transform:rotate(0deg); \t/* IE 9 */\n" +
                    "-moz-transform:rotate(0deg); \t/* Firefox */\n" +
                    "-webkit-transform:rotate(0deg); /* Safari 和 Chrome */\n" +
                    "-o-transform:rotate(0deg); z-index: "+zindex+";font-size: "+fontSize+"px;text-decoration:none;background: transparent;opacity:1;letter-spacing:0px;line-height:1;font-weight:400;color:#000;text-align: left;\">\n" +
                    "                <div id=\"ztedit\" lay-valzt=\"1\" contenteditable=\"false\" spellcheck=\"false\" style=\"width: 100.000%;height: 100.000%;transform: scale(1.000);\">\n" +
                    "                    <div class_id="+t_id+">\n" +
                    "                            <span data-text=\"true\" class_id="+t_id+">双击编辑文本</span>\n" +
                    "                    </div>\n" +
                    "                    <div class='wenzi_span wenzi_span1' >\n" +
                    "                        <p data-text=\"true\">双击编辑文本</p>\n" +
                    "                    </div>\n" +
                    "                    <div class='wenzi_span wenzi_span2'>\n" +
                    "                        <p data-text=\"true\">双击编辑文本</p>\n" +
                    "                    </div>\n" +
                    "                    <div class='wenzi_span wenzi_span3'>\n" +
                    "                        <p data-text=\"true\">双击编辑文本</p>\n" +
                    "                    </div>\n" +
                    "                </div>\n" +
                    "            </div>";

                $(isIE()).find('#label_main_hb').append(html);
                var zt_w = parseFloat($(isIE()).find('#'+t_id).width());
                var zt_h = parseFloat($(isIE()).find('#'+t_id).height());
                $(isIE()).find('#now_page_select_id').attr('now_id',t_id);
                var css={
                    'top':top+'px',
                    'left':left+'px',
                    'width':zt_w+'px',
                    'height':zt_h+'px',
                    'display':'block',
                    'transform':'rotate(0deg)',
                    '-ms-transform':'rotate(0deg)',/* IE 9 */
                    '-moz-transform':'rotate(0deg)',/* Firefox */
                    '-webkit-transform':'rotate(0deg)',/* Safari 和 Chrome */
                    '-o-transform':'rotate(0deg)',
                };

                saveCursor(0);
                // 选择文字，修改右侧参数start
                $('#img_parameter').hide();
                $('#zt_parameter').show();
                $('#form_parameter').hide();
                $(isIE()).find('#select_style .ml_ng-star-inserted').hide();
                $(isIE()).find('#select_style .mt_ng-star-inserted').hide();
                $(isIE()).find('#select_style .mb_ng-star-inserted').hide();

                $(isIE()).find('#select_style').css(css);
                $(isIE()).find('#label_main_hb_h').show();

                parent.document.getElementById('word').innerHTML='双击编辑文本';
                parent.document.getElementById('word').value='双击编辑文本';

                bl = 1/parseFloat($(isIE()).find('#label_main_hb').attr('scale'));
                var css = {
                    'transform': 'scale(' + bl + ',' + bl + ')'
                };
                $(isIE()).find('.rotate,.smovest,.mb_ng-star-inserted,.mt_ng-star-inserted,.ml_ng-star-inserted,.mr_ng-star-inserted,.ng-star-inserted').css(css);
                newAddElement('wenzi',t_id);
                saveKz();
            }
        });

    });

    $("body").delegate("#findMbClick", "click", function (e) {
        findMbClick(this);
    });

    // 删除用户上传的背景图
    $("body").delegate("#updateselect ul li p.remove-btn", "click", function (e) {
        const md5 = $(this).parent().attr('data-key');
        var _token = $('meta[name="csrf-token"]').attr('content');
        layer.confirm('删除后不可恢复，您确定要删除吗？', {
            btn: ['确定', '取消'] //按钮
        }, function (index) {
            layer.load(1, {
                shade: [0.1,'#fff'] //0.1透明度的白色背景
            });
            $.ajax({
                cache: true,
                type: "POST",
                url: '/v2/delUserBjImg',
                data:{'md5':md5,'_token':_token},// 你的formid
                async: true,
                error: function(request) {
                    layer.msg("失败");
                    layer.closeAll();
                },
                success: function(res) {
                    layer.closeAll();
                    if(res.code == 1){
                        $("#updateselect ul.gundongtiao li[data-key='"+md5+"']").remove();
                        layer.msg("删除成功");
                    }else{
                        layer.msg("失败");
                    }
                }
            })
        }, function () {
        });



        /* 阻止冒泡事件*/
        e.stopPropagation();
        return false;
    });

    // 选择用户自己上传的背景图
    $("body").delegate("#updateselect ul li", "click", function (e) {

        var src = $(this).attr('data-src');
        var width = $(this).attr('data-width');
        var height = $(this).attr('data-height');
        var md5 = $(this).attr('data-key');
        isHandleCanvas('1',function(e){
            if(e){
                bjUserImgClick(src,width,height,md5);
            }
        });



    });


// 点击素材形状

    $("body").delegate("#Scgundong li", "click", function (e) {
        var obj = this;
        isHandleCanvas('1',function(e){
            if(e){
                var laylid = $(obj).attr('lay-lid');
                var data_id = $(obj).attr('lay-data');
                var _token = $('meta[name="csrf-token"]').attr('content');
                var index = layer.load(1, {
                    shade: [0.1,'#fff'] //0.1透明度的白色背景
                });
                $.ajax({
                    cache: true,
                    type: "POST",
                    url: '/v2/getScSvg',
                    data:{'id':data_id,'laylid':laylid,'_token':_token},// 你的formid
                    async: true,
                    error: function(request) {
                        layer.msg("失败");
                        layer.close(index);
                    },
                    success: function(data) {
                        if(data!=0){
                            var zindex = indexHandleMax()+1;

                            var bl = parseFloat($(isIE()).find('#label_main_hb').attr('oldscale'));
                            var width= 100/bl,height =100/bl;
// 画布宽度、画布高度
                            let oldw = parseFloat($(isIE()).find("#label_main_hb").attr('width'));
                            let oldh = parseFloat($(isIE()).find("#label_main_hb").attr('height'));
                            let left = '50px';
                            let top = '50px';
                            if(oldw&&oldh){
                                left = (oldh-width)/2+'px';
                                top = (oldh-100)/2+'px';
                            }


                            var timestamp = (new Date()).getTime();
                            var t_id = 'img_'+timestamp;
                            var html = "<div id='"+t_id+"' rotate=\"0\"\n" +
                                "                 style=\"position:absolute;z-index:"+zindex+";left: " + left + "; top: " + top + "; width: " + width + "px; height: " + height + "px; transform: rotate(0deg); opacity: 1;\">\n" +
                                "                <div style=\"width: 100%;height: 100%;\">\n" +
                                "                    "+data+"\n"+
                                "                </div>\n" +
                                "            </div>";
                            $(isIE()).find("#label_main_hb").append(html);
                            var imgsrc = $(isIE()).find("#"+t_id).find('image').attr('xlink:href');
                            var viewS = $(isIE()).find("#"+t_id+' svg').prop('viewBox').baseVal;
                            if(imgsrc){//图片
                                $('#img_parameter').show();
                                $('#zt_parameter').hide();
                                $('#form_parameter').hide();
                            }else{
                                let oldt_id = t_id;
                                t_id = t_id.replace('img_','form_');
                                $(isIE()).find("#"+oldt_id).attr('id',t_id);
                                $('#img_parameter').hide();
                                $('#zt_parameter').hide();
                                $('#form_parameter').show();
                            }

                            var newH= (width*viewS.height/viewS.width).toFixed(3);
                            $(isIE()).find("#"+t_id).css('height',newH+'px');
                            $(isIE()).find("#"+t_id).find('svg,image,path,rect,line,polygon,circle,ellipse').attr('class_id',t_id);
                            var css = {
                                'width':'100%',
                                'height':'100%',
                                'top':0,
                                'left':0
                            };
                            $(isIE()).find("#"+t_id+" svg").css(css);
                            $(isIE()).find("#"+t_id+" svg").attr('width','100%');
                            $(isIE()).find("#"+t_id+" svg").attr('height','100%');
                            $(isIE()).find("#"+t_id+" svg").attr('xl','1');
                            $(isIE()).find("#"+t_id+" svg").attr('xb','1');

                            hangdleZindex(t_id,zindex,1);
                            // 选择文字，修改右侧参数start
                            saveCursor(0);
                            $(isIE()).find('#select_style .ml_ng-star-inserted').show();
                            $(isIE()).find('#select_style .mt_ng-star-inserted').show();
                            $(isIE()).find('#select_style .mb_ng-star-inserted').show();

                            let obj={
                                top:top,
                                left:left,
                                width:width+'px',
                                height:height+'px',
                                now_id:t_id,
                            };
                            mouseLoaded(obj);
                            document.getElementById("zt_iframe").contentWindow.showSelect(t_id);
                            saveKz();
                        }
                        layer.close(index);
                    }
                });
            }
        });



        return false;
        /* 阻止冒泡事件*/
        e.stopPropagation();
        e.preventDefault();
    });

    // 点击收藏素材
    $("body").delegate("#Scgundong li .mark", "click", function (e) {
        let mold = $(this).parent().attr('lay-lid');
        let data_id = $(this).parent().attr('lay-data');
        userColloctHandles(mold,data_id);
        return false;
        /* 阻止冒泡事件*/
        e.stopPropagation();
        e.preventDefault();
    });

    // 查看关键词
    $("body").delegate("#Scgundong li .img-info-btn", "click", function (e) {
        let data_id = $(this).parent().attr('lay-data');
        let old_data_id = $('#indexKeywordsShow').attr('data_id');
        if(data_id==old_data_id){
            closeSuGuanJianCi();
        }else{
            let left = e.pageX+10;
            let top = e.pageY+10;
            let keywordshtml = '<div class="image-info-modal" style="left: '+left+'px; top: '+top+'px;">\n' +
                '        <div class="close-btn">\n' +
                '            <i class="iconfont icon-chahao"></i>\n' +
                '        </div>\n' +
                '        <p class="info"><span class="label1">素材ID</span>\n' +
                '            <span class="text">\n' +
                '                <span>'+scArrLeft[data_id].id+'</span>\n' +
                '            </span>\n' +
                '        </p>\n' +
                '        <p class="info">\n' +
                '            <span class="label1">关键词</span>\n' +
                '            <span class="text"> '+scArrLeft[data_id].keywords+' </span>\n' +
                '        </p>\n' +
                '    </div>';
            $('#indexKeywordsShow').attr('data_id',data_id).show().empty().append(keywordshtml);
        }
        return false;
        /* 阻止冒泡事件*/
        e.stopPropagation();
        e.preventDefault();
    });
// 关闭素材关键词
    $("body").delegate("#indexKeywordsShow .image-info-modal .close-btn", "click", function (e){
        closeSuGuanJianCi();
        return false;
        /* 阻止冒泡事件*/
        e.stopPropagation();
        e.preventDefault();
    });

    // 图片容器填充
// 点击收藏素材
    $("body").delegate("#img_parameter #style_jichu li", "click", function (e) {
        var data_id = $(this).attr('lay-data');
        isHandleCanvas('1',function(e){
            if(e){
                var now_id = $(isIE()).find("#now_page_select_id").attr('now_id');
                if (now_id) {
                    var _token = $('meta[name="csrf-token"]').attr('content');
                    WaitLoading(6);
                    $.ajax({
                        cache: true,
                        type: "POST",
                        url: '/v2/getRongqiSvg',
                        data:{'id':data_id,'_token':_token},// 你的formid
                        async: true,
                        error: function(request) {
                            layer.close(index);
                            layer.msg("失败");
                            StopWaitLoading();
                        },
                        success: function(data) {
                            StopWaitLoading();
                            if(data!=0){
                                imgRongqiTc(now_id,data)
                            }
                        }
                    })
                }

            }
        });
        return false;
        /* 阻止冒泡事件*/
        e.stopPropagation();
        e.preventDefault();
    });
    // 关闭容器
    $("body").delegate("#img_parameter #rongqiHandle #closeRongqi", "click", function (e) {
        var now_id = $(isIE()).find("#now_page_select_id").attr('now_id');
        if (now_id) {
            imgRongqiTc(now_id,'','2')
        }
        /* 阻止冒泡事件*/
        return false;
        e.stopPropagation();
        e.preventDefault();
    });

})(window.jQuery);


var scArrLeft = [];
// 关闭首页素材关键词
function closeSuGuanJianCi() {
    $('#indexKeywordsShow').attr('data_id','').hide().empty();
}
/* 保存所有元素当前图层等级
* now_id :图层id
* zindex:图层级别
* */

var idNowTc = [];
var domain = '//'+document.domain;
// 图层处理
function zindexHandle(now_id,zindex){
    var arr = idNowTc['arr'];
    var zindexNum = idNowTc[now_id];
    switch (zindex){
        case 1:/*图层上移一层*/
            var maxarr=[];
            for(let v of arr) {
                if(v>zindexNum){
                    maxarr.push(v);
                }
            };
            if(maxarr.length>0){
                var maxmin = Math.min(...maxarr);
                if(maxmin == 'undefined'){
                    zindexNum=zindexNum+1;
                }else{
                    zindexNum=maxmin+1;
                }
            }else{
                zindexNum=zindexNum+1;
            }
            break;
        case 2:/*图层下移一层*/
            var minarr=[];
            // 获取小于此元素的所有集合
            for(let v of arr) {
                if(v<zindexNum){
                    minarr.push(v);
                }
            };
            if(minarr.length>0){
                var minmax = Math.max(...minarr);
                if(minmax == 'undefined'){
                    zindexNum=zindexNum-1;
                }else{
                    zindexNum=minmax-1;
                }
            }else{
                zindexNum=zindexNum-1;
            }
            break;
        case 3:/*图层置顶*/
            var max = Math.max(...arr);
            if(max == 'undefined'){
                zindexNum=zindexNum+1;
            }else{
                zindexNum=max+1;
            }

            zindexNum = max+1;
            break;
        case 4:/*图层置底*/
            var min = Math.min(...arr);
            if(min == 'undefined'){
                zindexNum=zindexNum+1;
            }else{
                zindexNum=min-1;
            }
            break;
    }
    if(zindexNum<60){
        zindexNum = 60;
    }
    idNowTc[now_id] = zindexNum;
    var new_arr = [];
    for(indexi in idNowTc){
        if(indexi!='arr'){
            new_arr.push(idNowTc[indexi]);
        }
    }
    idNowTc['arr'] = new_arr;
    $(isIE()).find('#'+now_id).css('z-index',zindexNum);
    saveKz()
}


/* 获取当前最高图层数字*/
function indexHandleMax(){
    var arr = idNowTc['arr'];
    var max = 100;/*还没有添加任何元素 默认当前添加的图层为100*/
    if(arr){/*查询当前已经添加的图层最高级别*/
        max = Math.max(...arr);
    }
    max = parseFloat(max);
    if (isNaN(max)){
        max = 100;
    };
    return max;
}
// 从新排序图层/*type=1 添加  2删除*/
function hangdleZindex(now_id,indexNum,type=1) {
    if(type == 1){
        idNowTc[now_id] = indexNum;
    }else{
        delete(idNowTc[now_id]);
    }
    var new_arr = [];
    for(indexi in idNowTc){
        if(indexi!='arr'){
            new_arr.push(idNowTc[indexi]);
        }
    }
    idNowTc['arr'] = new_arr;

    $(isIE()).find('#'+now_id).css('cursor','url(https://www.yasuotu.com/images/tuo.png),move');
}
// 保存云端处理图片
function downimgyd(dats,idx,callback) {
    var html = backhandle[idx].html;
    $(isIE()).find('#saveimgsyd').empty().append(html);
    html = $(isIE()).find('#saveimgsyd .label_main #label_main_hb').prop('outerHTML');
    var w_old =backhandle[idx].width;
    var h_old =backhandle[idx].height;

    /*查询所有的字体文件包*/
    var styles = document.getElementById('zt_iframe').contentWindow.document.querySelectorAll('style');
    var fonts = '';
    if (styles) {
        for (index in styles) {
            const face = styles[index].innerHTML;
            if (face) {
                if (face.indexOf("@font-face") >= 0) {
                    // console.log(face);
                    fonts = face + fonts
                }
            }
        }
    }
    var data = '<svg id="now_svg_t" xmlns="http://www.w3.org/2000/svg" width="' + w_old + '" height="' + h_old + '">' +
        '<foreignObject width="100%" height="100%">' +
        '<body xmlns="http://www.w3.org/1999/xhtml" style="width: 100%;height: 100%;">\n' +
        '            <style type="text/css">\n' +fonts+ style +
        '            </style>\n' +
        html +
        '</body>' +
        '</foreignObject>' +
        '</svg>';
    $(isIE()).find('#saveimgsyd').empty().append(data);
    var css = {
        'top': '0px',
        'left': '0px',
        'transform': 'scale(1)',
    };
    $(isIE()).find('#saveimgsyd #now_svg_t #label_main_hb').css(css);
    var arr = [];
    $(isIE()).find("#saveimgsyd #now_svg_t image").each(function () {
        var src = $(this).attr("xlink:href");
        if(src.indexOf("base64") < 0){
            if (src.indexOf("www.yasuotu.com") >= 0) {//图片
                src = 'https:'+src;
            }

            var obj = {
                'that': $(this),
                'src': src
            };
            arr.push(obj);
        }

    });

    if (arr != '') {
        function getBase64(arr, index) {
            if (arr.length > index) {
                var imgUrl = arr[index].src;

                getCanvasCanvasBase64(imgUrl)
                    .then(function (base64) {
                        arr[index].that.attr("xlink:href", base64);
                        index = index + 1;
                        getBase64(arr, index);
                    }, function (err) {
                        window.URL = window.URL || window.webkitURL;
                        var image = new Image();
//至关重要
                        image.crossOrigin = '*';
                        image.src = imgUrl;
//至关重要
                        if (img) {
                            image.onload = function () {
                                var xhr = createCORSRequest("GET", imgUrl);
                                if(!xhr){
                                    index = index + 1;
                                    getBase64(arr, index);
                                    return true;
                                }
                                xhr.setRequestHeader( 'Access-Control-Allow-Origin', '*');
                                // 至关重要
                                xhr.responseType = "blob";

                                xhr.onload = function () {
                                    if (this.status == 200) {
                                        //得到一个blob对象
                                        var blob = this.response;
                                        // console.log("blob", blob);
                                        // 至关重要
                                        let oFileReader = new FileReader();
                                        oFileReader.onloadend = function (e) {
                                            let base64 = e.target.result;
                                            arr[index].that.attr("xlink:href", base64);
                                            index = index + 1;
                                            getBase64(arr, index);
                                        };
                                        oFileReader.readAsDataURL(blob);
                                    }else{
                                        arr[index].that.attr("xlink:href", '');
                                        index = index + 1;
                                        getBase64(arr, index);
                                    }
                                };
                                xhr.send();
                            };
                            image.onerror = function() {
                                arr[index].that.attr("xlink:href", '');
                                index = index + 1;
                                getBase64(arr, index);
                            };
                        }
                    });


            } else {
                imgSaveHandle(w_old, h_old,dats,idx,callback);
            }
        }

        getBase64(arr, 0);
    } else {
        imgSaveHandle(w_old, h_old,dats,idx,callback);
    }


}

// 保存到云端
function saveNowHtml($statue='1',idx='',callback) {

    var templateid = backhandle[idx].templateid;
    $(isIE()).find('#label_main_hb_h').hide();
    var html = backhandle[idx].html;
    var font_face =backhandle[idx].font_face;
    // var index = layer.load(1, {
    //     shade: [0.1,'#fff'] //0.1透明度的白色背景
    // });
    var dats = {
        'templateid': templateid,
        'statue':$statue,
        'uid':uid,
        'title': '模板',
        'html': html,
        'lid_id':"",
        'font_face':font_face,
        '_token':$("meta[name='csrf-token']").attr('content'),
    };
    downimgyd(dats,idx,callback);
}

function imgSaveHandle(w_old, h_old,dats,idx,callback) {
    var zt_iframe = $('#zt_iframe').css('display');
    var stipulate = 280;
    if(zt_iframe!='none'){
        var canvas = document.getElementById('canvas');
        var canvas2 = document.getElementById('canvas2');

        var serializer = new XMLSerializer();
        var svg = document.getElementById('zt_iframe').contentWindow.document.getElementById('now_svg_t');
        var source = serializer.serializeToString(svg);
        $(isIE()).find('#saveimgsyd').empty();
        source = '<?xml version = "1.0" standalone = "no"?>\r\n' + source;
        var url = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(source);
        w_old = parseFloat(w_old);
        h_old = parseFloat(h_old);
        canvas.width = w_old;
        canvas.height = h_old;

        var h_now = h_old;
        var w_now = w_old;

        if(h_old>stipulate||w_old>stipulate){
            if (w_old > h_old) {
                h_now = stipulate * h_old / w_old;
                w_now = stipulate;
            } else {
                w_now = stipulate * w_old / h_old;
                h_now = stipulate;
            }
        }

        var context = canvas.getContext("2d");

        canvas2.width = w_now;
        canvas2.height = h_now;
        // var x = (w_now-stipulate)/2;
        // var y = (h_now-stipulate)/2;
        var x = 0;
        var y = 0;
        var context2 = canvas2.getContext("2d");
        context2.fillStyle = 'rgba(255, 255, 255, 0)';
        var image = new Image;
        image.src = url;
        image.setAttribute('crossOrigin', 'anonymous');
        image.onload = function () {
            context.drawImage(image, 0, 0);
            context2.drawImage(image, 0, 0,w_old,h_old,x,y,w_now,h_now);
            var base64 = canvas.toDataURL('image/jpeg', 1);
            var base642 = canvas2.toDataURL('image/png', 1);
            // var a = document.createElement("a");
            // a.download = 'test.jpg';
            // a.href =base64;
            // a.click();
            //
            $.ajax({
                cache: true,
                type: "POST",
                url: '/v2/saveHtml',
                dataType: "json",
                data: dats,// 你的formid
                async: true,
                error: function (request) {
                    layer.closeAll();
                    layer.msg("系统错误1");
                },
                success: function (res) {
                    if(res.code == 0){
                        layer.msg("保存失败");
                    }else{

                        var tindex = $('#rightMoreXuanXiangka').attr('data-index');
                        if(tindex == idx){
                            $('#zt_iframe').attr('lay-templateid',res.data);
                        }
                        backhandle[idx].templateid=res.data;
                        var name = res.data+'.jpg';
                        var datas = {
                            'base64': base64,
                            'base642': base642,
                            'name': name,
                            'md5':res.data,
                            'width':w_old,
                            'height':h_old,
                            'uid':uid,
                            '_token': $("meta[name='csrf-token']").attr('content'),
                        };

                        $.ajax({
                            cache: true,
                            type: "POST",
                            url: '/v2/svgtojpg',
                            data: datas,// 你的formid
                            async: true,
                            error: function (request) {
                                layer.closeAll();
                                lay.msg('系统错误');
                            },
                            success: function (res) {
                                // layer.msg("保存成功");
                                callback(1);
                            }
                        });
                    }
                }
            });


        };
    }else{

        layer.closeAll();
    }
}
// 普通异步翻页
function fy(obj) {
    var val = $(obj).attr('value');
    var nowxz = parseInt($('#nowxz').attr('value'));
    var typeid = $("#ztselect").attr('lay-id');
    var allpage = parseInt($('#allpage').attr('value'));

    if (nowxz != val) {
        switch (val) {
            case 'prev'://上一页
                var page = (nowxz - 1) > 0 ? (nowxz - 1) : 1;
                break;
            case 'next'://下一页
                var page = (nowxz + 1) <= allpage ? (nowxz + 1) : allpage;
                break;
            case 'btn'://自定义页面
                var page = btnnum > 0 ? btnnum : 1;
                if (page > allpage) {
                    page = allpage;
                }
                break;
            case 'none'://自定义页面
                page = nowxz;
                break;
            case 'shouye'://首页
                page = 1;
                break;
            case 'last'://末页
                page = allpage;
                break;
            default:
                var page = parseInt(val);
                break;
        }
        if (nowxz != page) {
            if (allpage > 7) {
                if (page>3&&page<allpage - page - 3) {
                    var that = $("#ptfy .pagination li[value='"+page+"']");
                    $(that).next().next().attr('value', 'none');
                    $(that).next().next().children().attr('value', 'none');
                    $(that).next().next().children().text('…');
                    $(that).prev().prev().attr('value', 'none');
                    $(that).prev().prev().children().attr('value', 'none');
                    $(that).prev().prev().children().text('…');

                    $(that).next().attr('value', page + 1);
                    $(that).next().children().attr('value', page + 1);
                    $(that).next().children().text(page + 1);

                    $(that).prev().attr('value', page - 1);
                    $(that).prev().children().attr('value', page - 1);
                    $(that).prev().children().text(page - 1);
                }

                var fl = '';
                for (var i = 1; i < allpage+1; i++) {
                    if(i==page){
                        fl+='<li  onclick="fy(this)" value="'+page+'" class="activef"><a value="'+page+'" data-href="javascript:void(0);" data-title="'+page+'" href="javascript:void(0);">'+page+'</a></li>';
                    }else if(page<4){
                        if(i==5){
                            fl+='<li  onclick="fy(this)" value="none" ><a value="none" data-href="javascript:void(0);" data-title="'+i+'" href="javascript:void(0);">…</a></li>';
                        }else if(i<allpage-1&&i>5){

                        }else{
                            fl+='<li  onclick="fy(this)" value="'+i+'"><a value="'+i+'" data-href="javascript:void(0);" data-title="'+i+'" href="javascript:void(0);">'+i+'</a></li>';
                        }
                    }else if(page>3){
                        if(page<allpage - 2){
                            if(i==page-2||i==page+2){
                                fl+='<li  onclick="fy(this)" value="none" ><a value="none" data-href="javascript:void(0);" data-title="'+i+'" href="javascript:void(0);">…</a></li>';
                            }else if(i==page-1||i==page+1){
                                fl+='<li  onclick="fy(this)" value="'+i+'"><a value="'+i+'" data-href="javascript:void(0);" data-title="'+i+'" href="javascript:void(0);">'+i+'</a></li>';
                            }else if(i<allpage&&i>1){

                            }else{
                                fl+='<li  onclick="fy(this)" value="'+i+'"><a value="'+i+'" data-href="javascript:void(0);" data-title="'+i+'" href="javascript:void(0);">'+i+'</a></li>';
                            }
                        }else{
                            if(i>allpage - 4||i<3){
                                fl+='<li  onclick="fy(this)" value="'+i+'"><a value="'+i+'" data-href="javascript:void(0);" data-title="'+i+'" href="javascript:void(0);">'+i+'</a></li>';
                            }else if(i==4){
                                fl+='<li  onclick="fy(this)" value="none" ><a value="none" data-href="javascript:void(0);" data-title="'+i+'" href="javascript:void(0);">…</a></li>';
                            }
                        }
                    }
                }
                var fHtml ='<input id="nowxz" type="hidden" value="'+page+'"/>\n' +
                    '            <input id="allpage" type="hidden" value="'+allpage+'"/>\n' +
                    '                    <ul class="pagination">\n' +
                    '                        <li  onclick="fy(this)" value="prev" title="上一页"><a value="prev" data-href="javascript:void(0);" data-title="上一页" href="javascript:void(0);">«</a></li>\n' +fl+'\n'+
                    '                        <li  onclick="fy(this)" title="下一页" value="next"><a value="next" data-href="javascript:void(0);" data-title="下一页" href="javascript:void(0);" rel="next">»</a></li>\n' +
                    '                    </ul>\n';

                $('#ptfy').empty().append(fHtml);
            }
            $('#nowxz').attr('value', page);
            $("#ptfy .pagination li[value='" + nowxz + "']").removeClass('activef');
            $("#ptfy .pagination li[value='" + page + "']").addClass('activef');
            $('#nowynum').text(page);
            var index = layer.load(1, {
                shade: [0.1,'#fff'] //0.1透明度的白色背景
            });
            $.ajax({
                cache: true,
                type: "POST",
                url: '/v2/fanyefont',
                data: {
                    'page': page,
                    'typeid': typeid,
                    '_token':$("meta[name='csrf-token']").attr('content'),
                },// 你的formid
                async: true,
                error: function (request) {
                    layer.close(index);
                },
                success: function (data) {
                    layer.close(index);
                    $('#ZtFlStyle').empty();
                    var count = data.length;
                    var html = "";
                    for (var i = 0; i < count; i++) {
                        html += '<li onclick="ZtFlClick(this)" lay-data="'+data[i]['src']+'"  class="fl new_zt_li new_img_li"><img class="zt_img" src="'+data[i]['show_img']+'?time='+new Date().getTime()+'"></li>';
                    }
                    $('#ZtFlStyle').append(html);
                }
            });
        }
    }
}

// 点击选择模板
function findMbClick(obj) {


    var mold = $(obj).attr('data-mold');
    var dataid = $(obj).attr('lay-data');
    var _token = $('meta[name="csrf-token"]').attr('content');
    var index = layer.load(1, {
        shade: [0.1,'#fff'] //0.1透明度的白色背景
    });
    $.ajax({
        cache: true,
        type: "POST",
        url: '/v2/getMbHtml',
        data:{
            'dataid':dataid,
            'mold':mold,
            '_token':_token
        },// 你的formid
        async: true,
        error: function(request) {
            layer.msg("失败");
            layer.closeAll();
        },
        success: function(res) {
            if(res==2){

                layer.closeAll();
                layer.msg("系统错误");
            }else{

                nowGenX();
                if(isMbTh==0&&rightMbNums<50){
                    $(isIE()).find("#thHtml").empty();
                    $(isIE()).find("#thHtml").append(res.html);
                    getMbHtml(res,3,res.md5)
                }else{
                    if(backhandle[isMbTh].isChange==1){
                        layer.confirm('使用模板后，将会覆盖掉此画布上的所有现有内容哦', {
                            btn: ['确定', '取消'],closeBtn:0, //按钮
                        }, function (index) {
                            $(isIE()).find("#thHtml").empty();
                            $(isIE()).find("#thHtml").append(res.html);
                            getMbHtml(res,4,res.md5)
                        }, function () {
                            layer.closeAll();
                        });
                    }else{
                        $(isIE()).find("#thHtml").empty();
                        $(isIE()).find("#thHtml").append(res.html);
                        getMbHtml(res,4,res.md5)
                    }
                }

                // 修改颜色

            }
        }
    });

}
// 调节判断后加载模板
function getMbHtml(res,sta=3,dataid='') {
    var show_ad = '<svg xmlns:xlink="http://www.w3.org/1999/xlink" class="overflow-stage"\n' +
        '                         xmlns="http://www.w3.org/2000/svg">\n' +
        '                        <defs>\n' +
        '                            <mask id="stage-mask">\n' +
        '                                <rect fill="#fff" height="100%" width="100%"></rect>\n' +
        '                                <defs>\n' +
        '                                    <filter id="drop-shadow">\n' +
        '                                        <feGaussianBlur in="SourceAlpha" stdDeviation="1"></feGaussianBlur>\n' +
        '                                        <feOffset dx="0" dy="0" result="offsetblur"></feOffset>\n' +
        '                                        <feFlood flood-color="rgba(66,124,144,1)"></feFlood>\n' +
        '                                        <feComposite in2="offsetblur" operator="in"></feComposite>\n' +
        '                                        <feMerge>\n' +
        '                                            <feMergeNode></feMergeNode>\n' +
        '                                            <feMergeNode in="SourceGraphic"></feMergeNode>\n' +
        '                                        </feMerge>\n' +
        '                                    </filter>\n' +
        '                                </defs>\n' +
        '                                <rect stroke="red" stroke-width="1" filter="url(#drop-shadow)" id="tGuider" fill="#000"\n' +
        '                                      style="width: 800px; height: 600px; x: 79.5px; y: 132px;"></rect>\n' +
        '                            </mask>\n' +
        '                        </defs>\n' +
        '                        <rect height="100%" mask="url(#stage-mask)" opacity="0.95"\n' +
        '                              shape-rendering="optimizeSpeed" width="100%" fill="#ECECEC"></rect>\n' +
        '                    </svg>';
    var tGuiderCss=$(isIE()).find("#thHtml .t-guider #tGuider").attr('style');
    $(isIE()).find("#thHtml .t-guider").empty().append(show_ad);
    $(isIE()).find("#thHtml .t-guider #tGuider").attr('style',tGuiderCss);

    $(isIE()).find('#saveHtml').click();
    // if(uid==1||uid==2){
        $('#zt_iframe').attr('lay-templateid',res.md5);
    // }



    for (var i=0;i<res.face_html.length;i++){
        ajaxMbloatfont(res.face_html[i].url, res.face_html[i].faceid,res.face_html[i].text)
    }
    setTimeout(function () {// 修改画布宽度
        layer.closeAll();
        $('.bk_3').show();
    }, 500);

    var bjcolor = $(isIE()).find("#label_main_hb").css('background-color');
    if (bjcolor.indexOf("images/ps-alpha1.png") >= 0){//背景透明
        $('#bjColorSelectTransparent').click();
    }else{
        var color = colorRGBABjHex(bjcolor);//转换为十六进制方法
        if (color[0] != '#') {
            color = '#' + color;
        }
        $('#bjColorSelect').colpickSetColor(color);
    }

    var hbwidth = $(isIE()).find("#label_main_hb").attr('width');
    var hbheight = $(isIE()).find("#label_main_hb").attr('height');
    var shijiwidth = parseFloat($(isIE()).find("#label_main_hb").css('width'));
    var shijiheight = parseFloat($(isIE()).find("#label_main_hb").css('height'));

    if(shijiwidth=='NaN'){
        if(hbwidth){
            shijiwidth =  hbwidth;
        }else{
            shijiwidth = $(isIE()).find("#label_main_hb").attr('now_width');
        }
    }
    if(shijiheight=='NaN'){
        if(hbheight){
            shijiwidth =  hbheight;
        }else{
            shijiheight = $(isIE()).find("#label_main_hb").attr('now_height');
        }
    }
    hbwidth = shijiwidth;
    hbheight = shijiheight;

    // console.log("attr",hbwidth,hbheight);
    // console.log("css",shijiwidth,shijiheight);
    // if(hbwidth < shijiwidth){
    //     hbwidth = shijiwidth;
    // }
    // if(hbheight < shijiheight){
    //     hbheight = shijiheight;
    // }
    $(isIE()).find("#label_main_hb").attr('width',hbwidth).attr('now_width',hbwidth);
    $(isIE()).find("#label_main_hb").attr('height',hbheight).attr('now_height',hbheight);
    document.getElementById('width_right').value=hbwidth;
    document.getElementById('height_right').value=hbheight;
    // 添加移动标签
    if ($(isIE()).find("#select_style .smovest").length <= 0 ) {
        const bq = '<div class="smovest"><i class="iconfont">&#xe64a;</i></div>';
        $(isIE()).find("#select_style").append(bq);
    }

    $(isIE()).find('#rightHandButton').remove();
    var htmlhandle = '<div id="rightHandButton" style="visibility:hidden;"><!----><!---->\n' +
        '    <div id="rightHandCtrlX" style="display: block;" class="rightHand_div_btns">\n' +
        '        <div class="rightHand_div_btn_view">\n' +
        '            <!---->\n' +
        '            <div class="rightHand_div_btn_view"><!---->\n' +
        '                <div class="rightHand_div_text">剪切</div>\n' +
        '                <div class="rightHand_div_ms">Ctrl+X</div>\n' +
        '            </div>\n' +
        '        </div>\n' +
        '    </div>\n' +
        '    <div id="rightHandCtrlC" style="display: block;" class="rightHand_div_btns">\n' +
        '        <div class="rightHand_div_btn_view">\n' +
        '            <!---->\n' +
        '            <div class="rightHand_div_btn_view"><!---->\n' +
        '                <div class="rightHand_div_text">复制</div>\n' +
        '                <div class="rightHand_div_ms">Ctrl+C</div>\n' +
        '            </div>\n' +
        '        </div>\n' +
        '    </div>\n' +
        '\n' +
        '    <div id="rightHandCtrlV" style="display: block;" class="rightHand_div_btns">\n' +
        '        <div class="rightHand_div_btn_view">\n' +
        '            <!---->\n' +
        '            <div class="rightHand_div_btn_view"><!---->\n' +
        '                <div class="rightHand_div_text">粘贴</div>\n' +
        '                <div class="rightHand_div_ms">Ctrl+V</div>\n' +
        '            </div>\n' +
        '        </div>\n' +
        '    </div>\n' +
        '\n' +
        '    <div id="rightHandDel" style="display: block;" class="rightHand_div_btns">\n' +
        '        <div class="rightHand_div_btn_view">\n' +
        '            <!---->\n' +
        '            <div class="rightHand_div_btn_view"><!---->\n' +
        '                <div class="rightHand_div_text">删除</div>\n' +
        '                <div class="rightHand_div_ms">Del</div>\n' +
        '            </div>\n' +
        '        </div>\n' +
        '    </div>\n' +
        '\n' +
        '    <div id="rightHandTop" style="display: block;" class="rightHand_div_btns">\n' +
        '        <div class="rightHand_div_btn_view">\n' +
        '            <div class="rightHand_div_btn_view"><!---->\n' +
        '                <div class="rightHand_div_text">上移一层</div>\n' +
        '                <div class="rightHand_div_ms">Ctrl+]</div>\n' +
        '            </div>\n' +
        '        </div>\n' +
        '    </div>\n' +
        '    <div id="rightHandBottom" style="display: block;" class="rightHand_div_btns">\n' +
        '        <div class="rightHand_div_btn_view">\n' +
        '            <!---->\n' +
        '            <div class="rightHand_div_btn_view"><!---->\n' +
        '                <div class="rightHand_div_text">下移一层</div>\n' +
        '                <div class="rightHand_div_ms">Ctrl+[</div>\n' +
        '            </div>\n' +
        '        </div>\n' +
        '    </div>\n' +
        '    <div id="rightHandTopMore" style="display: block;" class="rightHand_div_btns">\n' +
        '        <div class="rightHand_div_btn_view">\n' +
        '            <!---->\n' +
        '            <div class="rightHand_div_btn_view"><!---->\n' +
        '                <div class="rightHand_div_text">置于顶层</div>\n' +
        '                <div class="rightHand_div_ms">Ctrl+Shift+]</div>\n' +
        '            </div>\n' +
        '        </div>\n' +
        '    </div>\n' +
        '    <div id="rightHandBottomMore" style="display: block;" class="rightHand_div_btns">\n' +
        '        <div class="rightHand_div_btn_view">\n' +
        '            <!---->\n' +
        '            <div class="rightHand_div_btn_view">\n' +
        '                <div class="rightHand_div_text">置于底层</div>\n' +
        '                <div class="rightHand_div_ms">Ctrl+Shift+[</div>\n' +
        '            </div>\n' +
        '        </div>\n' +
        '    </div>\n' +
        '    <div id="HandColloct" style="display: none;" class="rightHand_div_btns">\n' +
        '        <div class="rightHand_div_btn_view">\n' +
        '            <div class="rightHand_div_btn_view">\n' +
        '                <div class="rightHand_div_text">收藏</div>\n' +
        '                <div class="rightHand_div_ms"></div>\n' +
        '            </div>\n' +
        '        </div>\n' +
        '    </div>\n' +
        '</div>';

    $(isIE()).find("#thHtml").append(htmlhandle);

    if(vip!=2){
        $(isIE()).find(".t-guider svg").css('background-image','url(https://www.yasuotu.com/images/water_shuiyin.png)');
        var shuiyin = '<div id="endShuiYin">\n' +
            '                <button style="display: block;" >去水印编辑</button>\n' +
            '            </div>';
        if ( $(isIE()).find("#endShuiYin").length > 0 ) {
            $(isIE()).find("#endShuiYin button").show();
        }else{
            $(isIE()).find("#thHtml").append(shuiyin);
        }
    }else{
        var shuiyin = '<div style="display: none;" id="endShuiYin">\n' +
            '                <button style="display: block;">去水印编辑</button>\n' +
            '            </div>';
        $(isIE()).find(".t-guider svg").css('background-image','');
        if ( $(isIE()).find("#endShuiYin").length > 0 ) {
            $(isIE()).find("#endShuiYin button").hide();
        }else{
            $(isIE()).find("#thHtml").append(shuiyin);
        }
    }

    /* 保存所有元素当前图层等级
* now_id :图层id
* zindex:图层级别
* */
    /* 循环查询所有的图层*/
    idNowTc = [];
    var arr = [];
    $(isIE()).find('#label_main_hb >div').each(function (e) {
        var val = parseFloat($(this).css('z-index'));
        if (isNaN(val)){
            val = 60;
            $(this).css('z-index',"auto");
        };
        arr.push(val);
        idNowTc[$(this).attr('id')]=val;
    });
    idNowTc['arr']=arr;

    $(isIE()).find('.label_main_div .t-stage-tool div[placement="zoom_sf"]').click();
    // saveKz(1);
    saveMoreBacks('',sta,0,dataid);
}
// 模板加载字体包，加载字体
function ajaxMbloatfont(url, now_id,str) {

    var zname_a = url.split("/");
    var zname = zname_a[zname_a.length - 1];
    var ztnameArr = zname.split('.');
    var name = ztnameArr[0];
    var font_face = '';
    var timestamp = (new Date()).getTime();
    var index = layer.load(1, {
        shade: [0.1,'#fff'] //0.1透明度的白色背景
    });

    // // // windows
    // var imgUrl = 'https://www.yasuotu.com/' + url+'?'+timestamp;
    // window.URL = window.URL || window.webkitURL;
    // var xhr = new XMLHttpRequest();
    // xhr.open("get", imgUrl, true);
    // // 至关重要
    // xhr.responseType = "blob";
    // xhr.onload = function () {
    //     if (this.status == 200) {
    //         //得到一个blob对象
    //         var blob = this.response;
    //         // console.log("blob", blob);
    //         // 至关重要
    //         let oFileReader = new FileReader();
    //         oFileReader.onloadend = function (e) {
    //             let base64 = e.target.result;
    //             var etc = ztnameArr[1];
    //             var format = 'truetype';
    //             if(etc == 'otf' || etc == 'OTF' ){
    //                 format = 'opentype';
    //             }else if(etc == 'woff'){
    //                 format = 'woff';
    //             }else if(etc == 'eot'){
    //                 format = 'embedded-opentype';
    //             }else if(etc == 'svg' || etc == 'svgz'){
    //                 format = 'svg';
    //             }
    //             font_face += "@font-face {font-family: '" + name + "';src: url('" + base64 + "') format('"+format+"');}";
    //             var newStyle = document.getElementById("zt_iframe").contentWindow.document.createElement('style');
    //             newStyle.appendChild(document.createTextNode(font_face));
    //             document.getElementById("zt_iframe").contentWindow.document.head.appendChild(newStyle);
    //             layer.close(index);
    //         };
    //         oFileReader.readAsDataURL(blob);
    //
    //     }
    // };
    // xhr.send();



    // linux
    $.ajax({
        cache: true,
        type: "POST",
        url: '/reducezt',
        data: {'str': str, 'url': url, 'uid': 0, '_token': $('input[name="_token"]').val()},// 你的formid
        async: true,
        error: function (request) {
            layer.close(index);
        },
        success: function (data) {
            var dat = JSON.parse(data);
            if (dat.code == 1) {
                // var srcz = '/' + dat.src;
                // var imgUrl = 'http://test.yasuotu.com/' + dat.src + '?' + timestamp;

                var domains = '//'+document.domain+'/';
                // if (domains.indexOf("www.yasuotu.com") >= 0) {//图片
                //     var imgUrl = 'https:'+domains+ dat.src + '?' + timestamp;
                // }else{
                //     var imgUrl = 'http:'+domains+ dat.src + '?' + timestamp;
                // }
                window.URL = window.URL || window.webkitURL;
                var xhr = createCORSRequest("GET", domains+ dat.src);
                if(!xhr){
                    return true;
                }
                // 至关重要
                xhr.responseType = "blob";
                xhr.onload = function () {
                    if (this.status == 200) {
                        //得到一个blob对象
                        var blob = this.response;
                        // console.log("blob", blob);
                        // 至关重要
                        let oFileReader = new FileReader();
                        oFileReader.onloadend = function (e) {
                            let base64 = e.target.result;
                            var etc = ztnameArr[1];
                            var format = 'truetype';
                            if (etc == 'otf' || etc == 'OTF') {
                                format = 'opentype';
                            } else if (etc == 'woff') {
                                format = 'woff';
                            } else if (etc == 'eot') {
                                format = 'embedded-opentype';
                            } else if (etc == 'svg' || etc == 'svgz') {
                                format = 'svg';
                            }
                            font_face += "@font-face {font-family: '" + name + "';src: url('" + base64 + "') format('" + format + "');}";
                            var newStyle = document.getElementById("zt_iframe").contentWindow.document.createElement('style');
                            newStyle.appendChild(document.createTextNode(font_face));
                            document.getElementById("zt_iframe").contentWindow.document.head.appendChild(newStyle);
                            saveKz();
                            layer.close(index);
                        };
                        oFileReader.readAsDataURL(blob);
                    }
                };
                xhr.send();
            }
        }
    })
}
// 选择模板二级分类
function ZtMbClick(obj) {
    var old_select = $('#mbselect').attr('lay-data');
    var select = $(obj).attr('lay-data');
    $('#mbselect').attr('lay-gundong',1);
    if (old_select != select) {
        $('#gundongtiaoUl .fhbt div[lay-data="' + old_select + '"]').removeClass('activesc');
        $(obj).addClass('activesc');
        $('#mbselect').attr('lay-data',select);
        var layid = $('#mbselect').attr('lay-mold');
        var class_id = select;
        var page = 1;
        $('#mbselect .scload img').show();
        $('#mbselect').attr('lay-page',page);
        $('#mbselect #mbgundong').empty();
        $.ajax({
            cache: true,
            type: "POST",
            url: '/v2/findmoban',
            data: {
                'mold': layid,
                'class_id':class_id,
                'page': page,
                '_token':$("meta[name='csrf-token']").attr('content'),
            },// 你的formid
            async: true,
            error: function (request) {
            },
            success: function (res) {
                if(res == ''){
                    $('#mbselect').attr('lay-page','');
                    $('#mbselect .scload img').hide();
                    $('#mbselect .scload span').show();
                }else{
                    var count = res.length;
                    var html = "";
                    for (var i = 0; i < count; i++) {
                        html += '<li id="findMbClick" lay-data="'+res[i].id+'" class=""><img class="bj_img" src="'+res[i].thumbsrc+'?time='+new Date().getTime()+'"></li>';
                    }

                    $('#mbselect #mbgundong').append(html);

                    $('#mbselect .scload img').hide();
                    $('#mbselect .scload span').hide();
                }
                saveKz();

            }
        });

    }
}


// 选择素材二级分类
function ZtScClick(obj) {
    closeSuGuanJianCi();
    var old_select = $('#scselect').attr('lay-data');
    var select = $(obj).attr('lay-data');
    if (old_select != select) {
        $('#fhsc .fhbt div[lay-data="' + old_select + '"]').removeClass('activesc');
        $(obj).addClass('activesc');
        $('#scselect').attr('lay-data',select);
        var layid = $('#scselect').attr('lay-mold');
        var class_id = select;
        var page = 1;
        $('#scselect .scload img').show();
        $('#scselect').attr('lay-page',page);
        $('#scselect #fhsc .gundongtiaosc').empty();
        $.ajax({
            cache: true,
            type: "POST",
            url: '/v2/findsc',
            data: {
                'mold': layid,
                'class_id':class_id,
                'page': page,
                '_token':$("meta[name='csrf-token']").attr('content'),
            },// 你的formid
            async: true,
            error: function (request) {
            },
            success: function (res) {
                if(res == ''){
                    $('#scselect').attr('lay-page','');
                    $('#scselect .scload img').hide();
                    $('#scselect .scload span').show();
                }else{
                    scArrLeft=[];
                    var count = res.length;
                    var html = "";
                    for (var i = 0; i < count; i++) {
                        scArrLeft[res[i].id] = res[i];
                        html += '<li lay-data="'+res[i].id+'" class="fl xz_bj_li"><img class="sc_img" src="'+res[i].src+'?time='+new Date().getTime()+'">\n' +
                            '                        <div class="mark"><div class="material-mark"><i class="iconfont"></i></div></div>\n' +
                            '                        <span class="img-info-btn"><i class="iconfont"></i></span></li>';
                    }

                    $('#scselect #fhsc .gundongtiaosc').append(html);

                    $('#scselect .scload img').hide();
                    $('#scselect .scload span').hide();
                }
                saveKz();

            }
        });

    }
}

// 用户收藏素材
function colloctHandle(now_id) {
    var viewS = $(isIE()).find("#"+now_id+' svg').eq(0).prop('viewBox').baseVal;
    const svghtml = $(isIE()).find('#'+now_id+' svg').eq(0).prop('outerHTML');

    var data = '<svg id="now_svg_t" xmlns="http://www.w3.org/2000/svg" width="63" height="63">' +
        '<foreignObject width="100%" height="100%">' +svghtml +
        '</foreignObject>' +
        '</svg>';
    $('#saveimgsyd').empty().append(data);

    if (now_id.indexOf("form") >= 0) {//形状
        var index = layer.load(1, {
            shade: [0.1,'#fff'] //0.1透明度的白色背景
        });
        savecolloct(viewS.width,viewS.height,svghtml)
    }else if(now_id.indexOf("img") >= 0){//图片
        var index = layer.load(1, {
            shade: [0.1,'#fff'] //0.1透明度的白色背景
        });
        var arr = [];
        $("#saveimgsyd #now_svg_t image").each(function () {
            var src = $(this).attr("xlink:href");
            if (src.indexOf("www.yasuotu.com") >= 0) {//图片
                src = 'https:'+src;
            }
            var obj = {
                'that': $(this),
                'src': src
            };
            arr.push(obj);
        });

        if (arr != '') {
            function getcollloctBase64(arr, index) {
                if (arr.length > index) {
                    var imgUrl = arr[index].src;
                    getCanvasCanvasBase64(imgUrl)
                        .then(function (base64) {
                            arr[index].that.attr("xlink:href", base64);
                            index = index + 1;
                            getcollloctBase64(arr, index);
                        }, function (err) {
                            window.URL = window.URL || window.webkitURL;
                            var image = new Image();
//至关重要
                            image.crossOrigin = '*';
                            image.src = imgUrl;
//至关重要
                            if (img) {
                                image.onload = function () {
                                    var xhr = createCORSRequest("GET", imgUrl);
                                    if(!xhr){
                                        index = index + 1;
                                        getcollloctBase64(arr, index);
                                        return true;
                                    }
                                    // 至关重要
                                    xhr.responseType = "blob";
                                    xhr.onload = function () {
                                        if (this.status == 200) {
                                            //得到一个blob对象
                                            var blob = this.response;
                                            // console.log("blob", blob);
                                            // 至关重要
                                            let oFileReader = new FileReader();
                                            oFileReader.onloadend = function (e) {
                                                let base64 = e.target.result;
                                                arr[index].that.attr("xlink:href", base64);
                                                index = index + 1;
                                                getcollloctBase64(arr, index);
                                            };
                                            oFileReader.readAsDataURL(blob);

                                        }
                                    };
                                    xhr.send();
                                };
                                image.onerror = function() {
                                    arr[index].that.attr("xlink:href", '');
                                    index = index + 1;
                                    getcollloctBase64(arr, index);
                                };
                            }

                        });




                } else {
                    savecolloct(viewS.width, viewS.height,svghtml);
                }
            }
            getcollloctBase64(arr, 0);
        } else {
            savecolloct(viewS.width, viewS.height,svghtml);
        }
    }

}
// 收藏图片
function savecolloct(w_old,h_old,svghtml) {
    $('#saveimgsyd #now_svg_t').attr('width',w_old);
    $('#saveimgsyd #now_svg_t').attr('height',h_old);

    // var canvas = document.createElement("canvas");
    // var canvas2 = document.createElement("canvas");

    var canvas = document.getElementById("canvas");
    var canvas2 = document.getElementById("canvas2");

    var serializer = new XMLSerializer();
    var svg = document.getElementById('now_svg_t');
    var source = serializer.serializeToString(svg);
    source = '<?xml version = "1.0" standalone = "no"?>\r\n' + source;
    var url = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(source);
    w_old = parseFloat(w_old);
    h_old = parseFloat(h_old);

    var h_now = h_old,w_now = w_old;
    if(h_old>63||w_old>63){
        if(w_old > h_old){
            h_now = 63*h_old/w_old;
            w_now = 63;
        }else{
            w_now = 63*w_old/h_old;
            h_now = 63;
        }
    }


    var x = (63-w_now)/2;
    var y = (63-h_now)/2;

    canvas.width = w_old;
    canvas.height = h_old;
    var context = canvas.getContext("2d");
    context.fillStyle = 'rgba(255, 255, 255, 0)';

    canvas2.width = 63;
    canvas2.height = 63;
    var context2 = canvas2.getContext("2d");
    context2.fillStyle = 'rgba(255, 255, 255, 0)';

    var image = new Image;
    image.src = url;
    image.setAttribute('crossOrigin', 'anonymous');

    image.onload = function () {
        context.drawImage(image, 0, 0);
        context2.drawImage(image,0, 0,w_old,h_old,x,y,w_now,h_now);

        var base64 = canvas.toDataURL('image/png', 1);
        var base642 = canvas2.toDataURL('image/png', 1);

        $('#saveimgsyd').empty();
        var datas = {
            'base64': base64,
            'base642': base642,
            'uid':uid,
            'title':'未命名',
            'svg':svghtml,
            '_token': $("meta[name='csrf-token']").attr('content'),
        };
        $.ajax({
            cache: true,
            type: "POST",
            url: '/v2/saveUserSc',
            data: datas,// 你的formid
            async: true,
            error: function (request) {
                layer.msg('系统错误');
                layer.closeAll();
            },
            success: function (res) {
                layer.closeAll();
                if(res.code==1){
                    layer.msg('收藏成功');
                }else if(res.code==2){
                    ajax_v2_login();
                }else{
                    layer.msg('收藏失败');
                }

            }
        });
    }
}
// 点击旋转形状
function XzImgClick(obj){
    isHandleCanvas('1',function(e){
        if(e){
            var data_id = $(obj).attr('lay-data');
            var _token = $('meta[name="csrf-token"]').attr('content');
            var index = layer.load(1, {
                shade: [0.1,'#fff'] //0.1透明度的白色背景
            });
            $.ajax({
                cache: true,
                type: "POST",
                url: '/v2/getSvg',
                data:{'id':data_id,'_token':_token},// 你的formid
                async: true,
                error: function(request) {
                    layer.close(index);
                    layer.msg("失败");
                },
                success: function(data) {
                    layer.close(index);
                    if(data!=0){
                        var zindex = indexHandleMax()+1;

                        var bl = parseFloat($(isIE()).find('#label_main_hb').attr('oldscale'));

                        var width= 100/bl,height =100/bl;
                        var oldw = parseFloat($(isIE()).find("#label_main_hb").attr('width'));
                        var oldh = parseFloat($(isIE()).find("#label_main_hb").attr('height'));
                        var top = (oldh-width)/2;
                        var left = (oldw-height)/2;
                        var timestamp = (new Date()).getTime();
                        var t_id = 'form_'+timestamp;
                        var html = "<div isShape='0' id='"+t_id+"'  rotate=\"0\"\n" +
                            "                 style=\"position:absolute;z-index:"+zindex+";left: " + left + "px; top: " + top + "px; width: " + width + "px; height: " + height + "px; transform: rotate(0deg); opacity: 1;\">\n" +
                            "                <div style=\"width: 100%;height: 100%;\">\n" +
                            "                    "+data+"\n"+
                            "                </div>\n" +
                            "            </div>";
                        $(isIE()).find("#label_main_hb").append(html);
                        var imgsrc = $(isIE()).find("#"+t_id).find('image').attr('xlink:href');

                        var viewS = $(isIE()).find("#"+t_id+' svg').prop('viewBox').baseVal;

                        if(imgsrc){//图片
                            let oldt_id = t_id;
                            t_id = t_id.replace('form_','img_');
                            $(isIE()).find("#"+oldt_id).attr('id',t_id);

                            $('#img_parameter').show();
                            $('#zt_parameter').hide();
                            $('#form_parameter').hide();

                        }else{
                            $('#img_parameter').hide();
                            $('#zt_parameter').hide();
                            $('#form_parameter').show();
                        }

                        $(isIE()).find("#"+t_id+" svg").attr('class_id',t_id);
                        $(isIE()).find("#"+t_id).find('svg,image,path,rect,line').attr('class_id',t_id);

                        $(isIE()).find("#"+t_id+" svg").attr('preserveAspectRatio','none');

                        var newH= (width*viewS.height/viewS.width).toFixed(3);
                        $(isIE()).find("#"+t_id).css('height',newH+'px');
                        var css = {
                            'width':'100%',
                            'height':'100%',
                            'top':0,
                            'left':0
                        };
                        $(isIE()).find("#"+t_id+" svg").css(css);
                        $(isIE()).find("#"+t_id+" svg").attr('width','100%');
                        $(isIE()).find("#"+t_id+" svg").attr('height','100%');
                        $(isIE()).find("#"+t_id+" svg").attr('xl','1');
                        $(isIE()).find("#"+t_id+" svg").attr('xb','1');

                        var htmlnew = $(isIE()).find("#"+t_id).prop('outerHTML');
                        $(isIE()).find("#"+t_id).remove();
                        $(isIE()).find("#label_main_hb").append(htmlnew);
                        $(isIE()).find('#now_page_select_id').attr('now_id',t_id);
                        if(imgsrc){
                            resetColorZtImg();
                        }
                        // 选择文字，修改右侧参数start
                        saveCursor(0);

                        // // 查询形状是否允许变形
                        // if($(isIE()).find("#"+t_id+" svg").find(" g#n").length>0&&$(isIE()).find("#"+t_id+" svg").find(" g#ne").length>0&&$(isIE()).find("#"+t_id+" svg").find(" g#nw").length>0){
                        //     $(isIE()).find('#select_style .ml_ng-star-inserted').show();
                        //     $(isIE()).find('#select_style .mr_ng-star-inserted').show();
                        //     $(isIE()).find('#select_style .mt_ng-star-inserted').hide();
                        //     $(isIE()).find('#select_style .mb_ng-star-inserted').hide();
                        //     $(isIE()).find("#"+t_id).attr('isShape','1');
                        // }else{
                        //     $(isIE()).find('#select_style .ml_ng-star-inserted').show();
                        //     $(isIE()).find('#select_style .mr_ng-star-inserted').show();
                        //     $(isIE()).find('#select_style .mt_ng-star-inserted').show();
                        //     $(isIE()).find('#select_style .mb_ng-star-inserted').show();
                        // }
                        hangdleZindex(t_id,zindex,1);
                        saveKz();
                        document.getElementById("zt_iframe").contentWindow.showSelect(t_id);
                    }
                }
            });
        }
    });


}

// 点击选择背景图片
function bjImgClick(obj) {
    // 创建对象  获取图片的宽度
    var imgss = new Image();
    var img_src = $(obj).find('img').attr('lay-src');
    // 改变图片的src
    if (img_src.indexOf("img.zhizuotu.com") < 0&&imgUrl.indexOf("img.meishuzi.cn") < 0) {//不存在
        img_src = domain+img_src;
    }
    imgss.src = img_src;
    isHandleCanvas('2',function(e){
        // 背景使用量+1
        var id = $(obj).attr('lay-data');
        var _token = $('meta[name="csrf-token"]').attr('content');
        $.ajax({
            cache: true,
            type: "POST",
            url: '/bjimgIncrement',
            data: {'id': id,'_token': _token},// 你的formid
            async: true,
            error: function (request) {
            },
            success: function (data) {
            }
        });

        $(isIE()).find("#img_bj").remove();
        imgss.onload = function () {
            var width = parseFloat(imgss.width);
            var height = parseFloat(imgss.height);
            if(e){
                var old_select = $('#bjselect').attr('value');
                if (old_select) {
                    $('#bjselect li[lay-data="' + old_select + '"]').removeClass('active');
                }
                $(obj).addClass('active');
                $('#bjselect').attr('value', $(obj).attr('lay-data'));
                var width_right = $('#width_right').val();//画布宽度
                var height_right = $('#height_right').val();//画布高度

                hangdleZindex('img_bj', 60, 1);
                if (width_right == '' || height_right == '') {
                    var html = "<div rotate=\"0\" id=\"img_bj\"\n" +
                        "                 style=\"position:absolute;z-index:60;left: 0px; top: 0px; width: " + width + "px; height: " + height + "px; transform: rotate(0deg); opacity: 1;\">\n" +
                        "                <div style=\"width: 100%;height: 100%;\">\n" +
                        "                    <svg xl=\"1\" xb=\"1\" style=\"border-radius:0px;width: 100%;height: 100%;transform: scale(1, 1);\"\n" +
                        "                         height=\"100%\" height=\"100%\"\n" +
                        "                         xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"none\" viewBox=\"0 0 " + width + " " + height + "\">\n" +
                        "                        <defs>\n" +
                        "                        </defs>\n" +
                        "                        <image colorFilter=\"0,0,0,0,0\" imgFilter=\"0,0,0,0,0,0\" class_id=\"img_bj\" width=" + width + " height=" + height + "\n" +
                        "                               preserveAspectRatio=\"none\"\n" +
                        "                               xlink:href=\"\"\n" +
                        "                               filter=\"\"></image>\n" +
                        "                    </svg>\n" +
                        "                </div>\n" +
                        "            </div>";
                    var css = {
                        'top': 0 + 'px',
                        'left': 0 + 'px',
                        'width': width + 'px',
                        'height': height + 'px',
                        'display': 'block',
                        'transform': 'rotate(0deg)',
                        '-ms-transform': 'rotate(0deg)',/* IE 9 */
                        '-moz-transform': 'rotate(0deg)',/* Firefox */
                        '-webkit-transform': 'rotate(0deg)',/* Safari 和 Chrome */
                        '-o-transform': 'rotate(0deg)',
                    }

                } else {
                    width_right = parseFloat(width_right);
                    height_right = parseFloat(height_right);
                    if (width_right / height_right > width / height) {
                        var now_width = width_right;
                        var now_height = parseInt(width_right * height / width);
                        var top = (height_right - now_height) / 2 + 'px';
                        var left = '0px';
                    } else {
                        var now_height = height_right;
                        var now_width = parseInt(height_right * width / height);
                        var top = '0px';
                        var left = (width_right - now_width) / 2 + 'px';
                    }
                    var html = "<div rotate=\"0\" id=\"img_bj\"\n" +
                        "                 style=\"position:absolute;z-index:60;left: " + left + "; top: " + top + "; width: " + now_width + "px; height: " + now_height + "px; transform: rotate(0deg); opacity: 1;\">\n" +
                        "                <div style=\"width: 100%;height: 100%;\">\n" +
                        "                    <svg xl=\"1\" xb=\"1\" style=\"border-radius:0px;width: 100%;height: 100%;transform: scale(1, 1);\"\n" +
                        "                         height=\"100%\" height=\"100%\"\n" +
                        "                         xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"none\" viewBox=\"0 0 " + width + " " + height + "\">\n" +
                        "                        <defs>\n" +
                        "                        </defs>\n" +
                        "                        <image imgFilter=\"0,0,0,0,0,0\" class_id=\"img_bj\" width=" + width + " height=" + height + "\n" +
                        "                               preserveAspectRatio=\"none\"\n" +
                        "                               xlink:href=" + img_src + "\n" +
                        "                               filter=\"\"></image>\n" +
                        "                    </svg>\n" +
                        "                </div>\n" +
                        "            </div>";

                    $(isIE()).find("#label_main_hb").append(html);


                    var css = {
                        'top': top,
                        'left': left,
                        'width': now_width + 'px',
                        'height': now_height + 'px',
                        'display': 'block',
                        'transform': 'rotate(0deg)',
                        '-ms-transform': 'rotate(0deg)',/* IE 9 */
                        '-moz-transform': 'rotate(0deg)',/* Firefox */
                        '-webkit-transform': 'rotate(0deg)',/* Safari 和 Chrome */
                        '-o-transform': 'rotate(0deg)',
                    }
                }

                // 选择文字，修改右侧参数start
                saveCursor(0);
                $('#img_parameter').show();
                $('#zt_parameter').hide();
                $('#form_parameter').hide();
                $(isIE()).find('#select_style .ml_ng-star-inserted').show();
                $(isIE()).find('#select_style .mt_ng-star-inserted').show();
                $(isIE()).find('#select_style .mb_ng-star-inserted').show();
                $(isIE()).find('#select_style').css(css);
                $(isIE()).find('#label_main_hb_h').show();
                $(isIE()).find('#now_page_select_id').attr('now_id', 'img_bj');

                document.getElementById("zt_iframe").contentWindow.showSelect('img_bj');
                resetColorZtImg();
                saveKz();
            }else{
                WaitLoading(1);
                var arr ={
                    'width':width,
                    'height':height,
                    'path':$(obj).find('img').attr('lay-src'),
                };
                int_ztuploadPic(arr);
                // 上传完成
            }

        }

    })


}

// 点击选择用户上传的图片
function bjUserImgClick(src,width,height,md5='') {
    var spl = src.split(".");
    var ext = spl[spl.length-1];
    if(ext!='svg'){
        // 创建对象  获取图片的宽度
        // 改变图片的src
        // var img_src = "https://www.yasuotu.com/"+src;
        var img_src = domain+src;

        width = parseFloat(width);
        height = parseFloat(height);
        var width_right = $('#width_right').val();//画布宽度
        var height_right = $('#height_right').val();//画布高度
        var zindex = indexHandleMax()+1;
        var timestamp = (new Date()).getTime();
        var t_id = 'img_'+timestamp;
        hangdleZindex(t_id,zindex,1);
        if (width_right == '' || height_right == '') {
            var html = "<div rotate=\"0\" id='"+t_id+"'\n" +
                "                 style=\"position:absolute;z-index:60;left: 0px; top: 0px; width: " + width + "px; height: " + height + "px; transform: rotate(0deg); opacity: 1;\">\n" +
                "                <div style=\"width: 100%;height: 100%;\">\n" +
                "                    <svg xl=\"1\" xb=\"1\" style=\"border-radius:0px;width: 100%;height: 100%;transform: scale(1, 1);\"\n" +
                "                         height=\"100%\" height=\"100%\"\n" +
                "                         xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"none\" viewBox=\"0 0 " + width + " " + height + "\">\n" +
                "                        <defs>\n" +
                "                        </defs>\n" +
                "                        <image colorFilter=\"0,0,0,0,0\" imgFilter=\"0,0,0,0,0,0\" class_id='"+t_id+"' width=" + width + " height=" + height + "\n" +
                "                               preserveAspectRatio=\"none\"\n" +
                "                               xlink:href=\"\"\n" +
                "                               filter=\"\"></image>\n" +
                "                    </svg>\n" +
                "                </div>\n" +
                "            </div>";
        } else {
            width_right = parseFloat(width_right);
            height_right = parseFloat(height_right);
            var now_width = 100;
            var now_height = parseInt(100 * height / width);
            var top = (height_right - now_width) / 2 + 'px';
            var left = (height_right - now_height) / 2 + 'px';

            var html = "<div rotate=\"0\" id='"+t_id+"'\n" +
                "                 style=\"position:absolute;z-index:"+zindex+";left: " + left + "; top: " + top + "; width: " + now_width + "px; height: " + now_height + "px; transform: rotate(0deg); opacity: 1;\">\n" +
                "                <div style=\"width: 100%;height: 100%;\">\n" +
                "                    <svg xl=\"1\" xb=\"1\" style=\"border-radius:0px;width: 100%;height: 100%;transform: scale(1, 1);\"\n" +
                "                         height=\"100%\" height=\"100%\"\n" +
                "                         xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"none\" viewBox=\"0 0 " + width + " " + height + "\">\n" +
                "                        <defs>\n" +
                "                        </defs>\n" +
                "                        <image colorFilter=\"0,0,0,0,0\" imgFilter=\"0,0,0,0,0,0\" class_id='"+t_id+"' width=" + width + " height=" + height + "\n" +
                "                               preserveAspectRatio=\"none\"\n" +
                "                               xlink:href=" + img_src + "\n" +
                "                               filter=\"\"></image>\n" +
                "                    </svg>\n" +
                "                </div>\n" +
                "            </div>";

            $(isIE()).find("#label_main_hb").append(html);
        }


        // 选择文字，修改右侧参数start
        saveCursor(0);
        $(isIE()).find('#now_page_select_id').attr('now_id',t_id);

        $('#img_parameter').show();
        $('#zt_parameter').hide();
        $('#form_parameter').hide();
        $(isIE()).find('#select_style .ml_ng-star-inserted').show();
        $(isIE()).find('#select_style .mt_ng-star-inserted').show();
        $(isIE()).find('#select_style .mb_ng-star-inserted').show();

        document.getElementById("zt_iframe").contentWindow.showSelect(t_id);
        resetColorZtImg();
        saveKz();
    }else{
        if(!md5){
            return true;
        }
        var index = layer.load(1, {
            shade: [0.1,'#fff'] //0.1透明度的白色背景
        });
        var _token = $('meta[name="csrf-token"]').attr('content');
        $.ajax({
            cache: true,
            type: "POST",
            url: '/v2/getUserBjImgSvg',
            data: {'md5': md5, '_token': _token},// 你的formid
            async: true,
            error: function (request) {
                layer.close(index);
                layer.msg("失败");
            },
            success: function (res) {
                layer.close(index);
                if(res.code==1){
                    var data = '<'+(res.data.substring(res.data.indexOf('<svg') + 1, res.data.length));
                    var zindex = indexHandleMax()+1;
                    var bl = parseFloat($(isIE()).find('#label_main_hb').attr('oldscale'));
                    var width= 100/bl,height =100/bl;
                    var oldw = parseFloat($(isIE()).find("#label_main_hb").attr('width'));
                    var oldh = parseFloat($(isIE()).find("#label_main_hb").attr('height'));
                    var top = (oldh-width)/2;
                    var left = (oldw-height)/2;
                    var timestamp = (new Date()).getTime();
                    var t_id = 'form_'+timestamp;
                    var html = "<div isShape='0' id='"+t_id+"'  rotate=\"0\"\n" +
                        "                 style=\"position:absolute;z-index:"+zindex+";left: " + left + "px; top: " + top + "px; width: " + width + "px; height: " + height + "px; transform: rotate(0deg); opacity: 1;\">\n" +
                        "                <div style=\"width: 100%;height: 100%;\">\n" +
                        "                    "+data+"\n"+
                        "                </div>\n" +
                        "            </div>";
                    $(isIE()).find("#label_main_hb").append(html);
                    var imgsrc = $(isIE()).find("#"+t_id).find('image').attr('xlink:href');
                    var viewS = $(isIE()).find("#"+t_id+' svg').prop('viewBox').baseVal;

                    if(imgsrc){//图片
                        let oldt_id = t_id;
                        t_id = t_id.replace('form_','img_');
                        $(isIE()).find("#"+oldt_id).attr('id',t_id);

                        $('#img_parameter').show();
                        $('#zt_parameter').hide();
                        $('#form_parameter').hide();

                    }else{
                        $('#img_parameter').hide();
                        $('#zt_parameter').hide();
                        $('#form_parameter').show();
                    }

                    $(isIE()).find("#"+t_id+" svg").attr('class_id',t_id);
                    $(isIE()).find("#"+t_id).find('svg,image,path,rect,line').attr('class_id',t_id);

                    $(isIE()).find("#"+t_id+" svg").attr('preserveAspectRatio','none');

                    var newH= (width*viewS.height/viewS.width).toFixed(3);
                    $(isIE()).find("#"+t_id).css('height',newH+'px');
                    var css = {
                        'width':'100%',
                        'height':'100%',
                        'top':0,
                        'left':0
                    };
                    $(isIE()).find("#"+t_id+" svg").css(css);
                    $(isIE()).find("#"+t_id+" svg").attr('width','100%');
                    $(isIE()).find("#"+t_id+" svg").attr('height','100%');
                    $(isIE()).find("#"+t_id+" svg").attr('xl','1');
                    $(isIE()).find("#"+t_id+" svg").attr('xb','1');

                    var htmlnew = $(isIE()).find("#"+t_id).prop('outerHTML');
                    $(isIE()).find("#"+t_id).remove();
                    $(isIE()).find("#label_main_hb").append(htmlnew);
                    $(isIE()).find('#now_page_select_id').attr('now_id',t_id);
                    if(imgsrc){
                        resetColorZtImg();
                    }
                    // 选择文字，修改右侧参数start
                    saveCursor(0);

                    // // 查询形状是否允许变形
                    // if($(isIE()).find("#"+t_id+" svg").find(" g#n").length>0&&$(isIE()).find("#"+t_id+" svg").find(" g#ne").length>0&&$(isIE()).find("#"+t_id+" svg").find(" g#nw").length>0){
                    //     $(isIE()).find('#select_style .ml_ng-star-inserted').show();
                    //     $(isIE()).find('#select_style .mr_ng-star-inserted').show();
                    //     $(isIE()).find('#select_style .mt_ng-star-inserted').hide();
                    //     $(isIE()).find('#select_style .mb_ng-star-inserted').hide();
                    //     $(isIE()).find("#"+t_id).attr('isShape','1');
                    // }else{
                    //     $(isIE()).find('#select_style .ml_ng-star-inserted').show();
                    //     $(isIE()).find('#select_style .mr_ng-star-inserted').show();
                    //     $(isIE()).find('#select_style .mt_ng-star-inserted').show();
                    //     $(isIE()).find('#select_style .mb_ng-star-inserted').show();
                    // }
                    hangdleZindex(t_id,zindex,1);
                    saveKz();
                    document.getElementById("zt_iframe").contentWindow.showSelect(t_id);
                }
            }
        })

    }

}
// 点击选择滤镜
function filterImg(obj) {
    var imgfilter = $(obj).find('image').attr('imgfilter');
    var now_id = $(isIE()).find('#now_page_select_id').attr('now_id');
    if(now_id){
        $(isIE()).find('#'+now_id+' image').attr('imgfilter',imgfilter);
        var imgFilterArr = imgfilter.split(",");
        $('.slider_zt_img_brightness').jRange('setValue', imgFilterArr[0]);//亮度
        $('.slider_zt_img_contrast').jRange('setValue', imgFilterArr[1]);//对比度
        $('.slider_zt_img_saturability').jRange('setValue', imgFilterArr[2]);//饱和度
        $('.slider_zt_img_hue').jRange('setValue', imgFilterArr[3]);//色相
        $('.slider_zt_img_vague').jRange('setValue', imgFilterArr[4]);//模糊
        $('.slider_zt_img_sharpen').jRange('setValue', imgFilterArr[5]);//锐化
    }
}
// 点击选择特效
function bjTeXiaoClick(obj) {
    isHandleCanvas('1',function(e){
        if(e){
            var id = $(obj).attr('lay-id');
            var _token = $('meta[name="csrf-token"]').attr('content');
            // 特效使用量+1
            $.ajax({
                cache: true,
                type: "POST",
                url: '/ztTxiaoIncrement',
                data: {'id': id,'_token': _token},// 你的formid
                async: true,
                error: function (request) {
                },
                success: function (data) {
                }
            });

            var classif = $(obj).attr('lay-classif');
            if(classif=='2'){
                findOneTeXiao(id)
            }else{
                var texiao_val = $(obj).attr('lay-data');

                var ptparam = $(obj).attr('lay-ptparam');
                var txparam = $(obj).attr('lay-txparam');
                if (ptparam) {
                    ptparam = JSON.parse(ptparam);
                } else {
                    ptparam = {};
                }
                if (txparam) {
                    txparam = JSON.parse(txparam);
                } else {
                    txparam = {};
                }

                var now_id = $(isIE()).find("#now_page_select_id").attr('now_id');
                if (now_id) {
                    if (now_id.indexOf("text") >= 0) {//文字
                        loadParameter(now_id,ptparam);
                        // var old_select = $('#txkselect').attr('value');
                        // if (old_select) {
                        //     $('#txkselect li[lay-data="' + old_select + '"]').removeClass('active');
                        // }
                        // if(old_select == texiao_val){
                        //     texiao_val = 'closeTx';
                        //     $(isIE()).find('#' + now_id).attr('lay_texiao',texiao_val);
                        //     $('#txkselect').attr('value',texiao_val);
                        //     $(isIE()).find('#' + now_id).attr('lay_txparam','');
                        // }else{
                        //     $(obj).addClass('active');
                        $('#txkselect').attr('value',texiao_val);
                        $(isIE()).find('#' + now_id).attr('lay_texiao',texiao_val);
                        $(isIE()).find('#' + now_id).attr('lay_txparam',JSON.stringify(txparam));
                        // }
                        $('#closeZitiTexiao').show();
                        switch (texiao_val) {
                            case 'extrude'://三维字体
                                $('#texiaoColor,#texiaoMh,#texiaoJl,#texiaoFx').show();
                                $('#texiaoColor label').text('投影颜色');
                                var color = txparam.extrudecolor;
                                if (color[0] != '#') {
                                    color = '#' + color;
                                }
                                document.getElementById('shadowColor').value = color;
                                $('#shadowColorSelect').colpickSetColor(color);
                                $('#texiaoMh label').text('投影模糊');
                                document.getElementById('shadowMh').value = txparam.shadowMh;
                                $('#texiaoJl label').text('投影距离');
                                document.getElementById('shadowJl').value = txparam.extrudewidth;
                                $('#texiaoFx label').text('投影方向');
                                $('#shadowFx dd[lay-value="'+txparam.direction+'"]').click();
                                $('#texiaoColor1,#texiaoColorMb1,#texiaoColorMb2,#texiaoColorMb3,#texiaoInout,#texiaoCheckbox,#texiaoColorMb4,#texiaoLucency,#texiaoWenli,#texiaoInoutOne,#texiaoInoutTy').hide();
                                // projection();
                                break;
                            case 'shade'://投影
                                $('#texiaoColor,#texiaoMh,#texiaoJl,#texiaoFx').show();
                                $('#texiaoColor label').text('阴影颜色');
                                var color = txparam.shadowColor;
                                if (color[0] != '#') {
                                    color = '#' + color;
                                }
                                document.getElementById('shadowColor').value = color;
                                $('#shadowColorSelect').colpickSetColor(color);

                                $('#texiaoMh label').text('阴影模糊');
                                document.getElementById('shadowMh').value = txparam.shadowBlur;
                                $('#texiaoJl label').text('阴影距离');
                                document.getElementById('shadowJl').value = txparam.shadowidth;
                                $('#texiaoFx label').text('阴影方向');
                                $('#shadowFx dd[lay-value="'+txparam.direction+'"]').click();
                                $('#texiaoColor1,#texiaoColorMb1,#texiaoColorMb2,#texiaoColorMb3,#texiaoInout,#texiaoCheckbox,#texiaoColorMb4,#texiaoLucency,#texiaoWenli,#texiaoInoutOne,#texiaoInoutTy').hide();
                                saveShadow();
                                break;
                            case 'shine'://字体发光
                                $('#texiaoColor,#texiaoColor1,#texiaoMh,#texiaoJl').show();
                                $('#texiaoColor label').text('内发光颜色');
                                var color = txparam.strokecolor;
                                if (color[0] != '#') {
                                    color = '#' + color;
                                }
                                document.getElementById('shadowColor').value = color;
                                $('#shadowColorSelect').colpickSetColor(color);

                                $('#texiaoJl label').text('内发光程度');
                                document.getElementById('shadowJl').value = txparam.lineWidth;

                                $('#texiaoColor1 label').text('外发光颜色');
                                var color = txparam.shine_Color;
                                if (color[0] != '#') {
                                    color = '#' + color;
                                }
                                document.getElementById('shadowColor1').value = color;
                                $('#shadowColorSelect1').colpickSetColor(color);

                                $('#texiaoMh label').text('外发光程度');
                                document.getElementById('shadowMh').value = txparam.shine_width;
                                $('#texiaoFx,#texiaoColorMb1,#texiaoColorMb2,#texiaoColorMb3,#texiaoInout,#texiaoCheckbox,#texiaoColorMb4,#texiaoLucency,#texiaoWenli,#texiaoInoutOne,#texiaoInoutTy').hide();
                                wenzishine();
                                break;
                            case 'stroke'://字体描边
                                $('#texiaoMh,#texiaoColorMb1,#texiaoColorMb2,#texiaoColorMb3').show();
                                $('#texiaoMh label').text('描边宽度');
                                document.getElementById('shadowMh').value = txparam.lineWidth;
                                $('#texiaoColorMb1 label').text('一层颜色');
                                var color = txparam.strokecolor1;
                                if (color[0] != '#') {
                                    color = '#' + color;
                                }
                                document.getElementById('ColorMb1').value = color;
                                $('#ColorMb1Select').colpickSetColor(color);

                                $('#texiaoColorMb2 label').text('二层颜色');
                                var color2 = txparam.strokecolor2;
                                document.getElementById('ColorMb2').value = color2;
                                $('#ColorMb2Select').colpickSetColor(color2);

                                $('#texiaoColorMb3 label').text('三层颜色');

                                var color3 = txparam.strokecolor3;
                                document.getElementById('ColorMb3').value = color3;
                                $('#ColorMb3Select').colpickSetColor(color3);

                                $('#texiaoFx,#texiaoColor1,#texiaoColor,#texiaoJl,#texiaoInout,#texiaoCheckbox,#texiaoColorMb4,#texiaoLucency,#texiaoWenli,#texiaoInoutOne,#texiaoInoutTy').hide();

                                stroke();
                                break;
                            case 'strokethree'://三层描边
                                $('#texiaoColor,#texiaoMh,#texiaoJl,#texiaoFx,#texiaoColorMb1,#texiaoColorMb2,#texiaoColorMb3').show();
                                $('#texiaoMh label').text('描边宽度');

                                document.getElementById('shadowMh').value = txparam.lineWidth;
                                $('#texiaoJl label').text('描边距离');
                                document.getElementById('shadowJl').value = txparam.distance;

                                $('#texiaoColor label').text('填充颜色');
                                var color = txparam.strokecolor;
                                document.getElementById('shadowColor').value = color;
                                $('#shadowColorSelect').colpickSetColor(color);

                                $('#texiaoColorMb1 label').text('一层颜色');
                                var color = txparam.strokecolor_one;
                                document.getElementById('ColorMb1').value = color;
                                $('#ColorMb1Select').colpickSetColor(color);

                                $('#texiaoColorMb2 label').text('二层颜色');
                                var color2 = txparam.strokecolor_two;
                                document.getElementById('ColorMb2').value = color2;
                                $('#ColorMb2Select').colpickSetColor(color2);

                                $('#texiaoColorMb3 label').text('三层颜色');

                                var color3 = txparam.strokecolor_three;
                                document.getElementById('ColorMb3').value = color3;
                                $('#ColorMb3Select').colpickSetColor(color3);

                                $('#texiaoFx label').text('描边方向');
                                $('#texiaoColor1,#texiaoInout,#texiaoCheckbox,#texiaoColorMb4,#texiaoLucency,#texiaoWenli,#texiaoInoutOne,#texiaoInoutTy').hide();
                                $('#shadowFx dd[lay-value="'+txparam.direction+'"]').click();
                                // strokethree();
                                break;
                            case 'plate'://印版字体
                                $('#texiaoColor,#texiaoColor1,#texiaoMh,#texiaoJl').show();
                                $('#texiaoJl label').text('左边距离');
                                $('#texiaoMh label').text('右边距离');
                                document.getElementById('shadowMh').value = txparam.right_strokeWidth;
                                document.getElementById('shadowJl').value = txparam.left_strokeWidth;

                                $('#texiaoColor label').text('左边颜色');
                                var color = txparam.leftcolor;
                                document.getElementById('shadowColor').value = color;
                                $('#shadowColorSelect').colpickSetColor(color);

                                $('#texiaoColor1 label').text('右边颜色');
                                var color = txparam.rightcolor;
                                document.getElementById('shadowColor1').value = color;
                                $('#shadowColorSelect1').colpickSetColor(color);

                                $('#texiaoFx,#texiaoColorMb1,#texiaoColorMb2,#texiaoColorMb3,#texiaoInout,#texiaoCheckbox,#texiaoColorMb4,#texiaoLucency,#texiaoWenli,#texiaoInoutOne,#texiaoInoutTy').hide();
                                plate();
                                break;
                            case 'overlap'://重叠字
                                $('#texiaoColorMb1,#texiaoColor,#texiaoColor1,#texiaoMh,#texiaoJl,#texiaoFx,#texiaoInout').show();
                                $('#texiaoColorMb1 label').text('底字颜色');
                                var color = txparam.botztcolor;
                                document.getElementById('ColorMb1').value = color;
                                $('#ColorMb1Select').colpickSetColor(color);


                                $('#texiaoColor label').text('底边颜色');
                                var color = txparam.botstrokecolor;
                                document.getElementById('shadowColor').value = color;
                                $('#shadowColorSelect').colpickSetColor(color);

                                $('#texiaoJl label').text('底边宽度');
                                document.getElementById('shadowJl').value = txparam.botlineWidth;
                                $('#texiaoColor1 label').text('顶边颜色');
                                var color = txparam.topstrokecolor;
                                document.getElementById('shadowColor1').value = color;
                                $('#shadowColorSelect1').colpickSetColor(color);


                                $('#texiaoMh label').text('顶边宽度');
                                document.getElementById('shadowMh').value = txparam.toplineWidth;
                                $('#texiaoInout label').text('底边距离');
                                document.getElementById('shadowInout').value = txparam.julineWidth;
                                $('#texiaoFx label').text('底边方向');
                                $('#texiaoColorMb2,#texiaoColorMb3,#texiaoCheckbox,#texiaoColorMb4,#texiaoLucency,#texiaoWenli,#texiaoInoutOne,#texiaoInoutTy').hide();
                                $('#shadowFx dd[lay-value="'+txparam.direction+'"]').click();
                                // overlap();

                                break;
                            case 'strokekong'://空心字
                                $('#texiaoColor,#texiaoJl,#texiaoCheckbox').show();
                                $('#texiaoColor label').text('描边颜色');
                                var color = txparam.strokecolor;
                                document.getElementById('shadowColor').value = color;
                                $('#shadowColorSelect').colpickSetColor(color);

                                $('#texiaoJl label').text('描边宽度');
                                document.getElementById('shadowJl').value = txparam.lineWidth;

                                $('#texiaoColorMb1,#texiaoColorMb2,#texiaoColorMb3,#texiaoColor1,#texiaoMh,#texiaoFx,#texiaoInout,#texiaoColorMb4,#texiaoLucency,#texiaoWenli,#texiaoInoutOne,#texiaoInoutTy').hide();
                                strokekong();
                                break;
                            case 'shade_stroke'://投影+描边
                                $('#texiaoColor,#texiaoMh,#texiaoJl,#texiaoFx,#texiaoColorMb4,#texiaoInout').show();
                                $('#texiaoColor label').text('阴影颜色');
                                var color = txparam.shadowColor;
                                document.getElementById('shadowColor').value = color;
                                $('#shadowColorSelect').colpickSetColor(color);

                                $('#texiaoMh label').text('阴影模糊');
                                document.getElementById('shadowMh').value = txparam.shadowBlur;

                                $('#texiaoJl label').text('阴影距离');
                                document.getElementById('shadowJl').value = txparam.shadowidth;
                                $('#texiaoFx label').text('阴影方向');
                                $('#texiaoColorMb4 label').text('描边颜色');
                                var color = txparam.strokecolor;
                                document.getElementById('ColorMb4').value = color;
                                $('#ColorMb4Select').colpickSetColor(color);

                                $('#texiaoInout label').text('描边宽度');
                                document.getElementById('shadowInout').value = txparam.lineWidth;

                                $('#texiaoColor1,#texiaoColorMb1,#texiaoColorMb2,#texiaoColorMb3,#texiaoCheckbox,#texiaoLucency,#texiaoWenli,#texiaoInoutOne,#texiaoInoutTy').hide();
                                $('#shadowFx dd[lay-value="'+txparam.direction+'"]').click();
                                // shade_stroke();
                                break;
                            case 'outrelief'://外浮雕
                                $('#texiaoFx,#texiaoColor,#texiaoMh,#texiaoJl,#texiaoColor1').show();
                                $('#texiaoColor label').text('右颜色');
                                var color = txparam.rightcolor;
                                document.getElementById('shadowColor').value = color;
                                $('#shadowColorSelect').colpickSetColor(color);

                                $('#texiaoJl label').text('右距离');
                                document.getElementById('shadowJl').value = txparam.right_strokeWidth;
                                $('#texiaoColor1 label').text('左颜色');
                                var color = txparam.leftcolor;
                                document.getElementById('shadowColor1').value = color;
                                $('#shadowColorSelect1').colpickSetColor(color);

                                $('#texiaoMh label').text('右距离');
                                document.getElementById('shadowMh').value = txparam.left_strokeWidth;

                                $('#texiaoFx label').text('方向');
                                $('#texiaoColorMb1,#texiaoColorMb2,#texiaoColorMb3,#texiaoCheckbox,#texiaoColorMb4,#texiaoInout,#texiaoLucency,#texiaoWenli,#texiaoInoutOne,#texiaoInoutTy').hide();
                                $('#shadowFx dd[lay-value="'+txparam.direction+'"]').click();
                                // outrelief();
                                break;
                            case 'inrelief'://内浮雕
                                $('#texiaoColorMb1,#texiaoColor,#texiaoMh,#texiaoJl,#texiaoLucency,#texiaoFx').show();
                                $('#texiaoColorMb1 label').text('内颜色');
                                var color = txparam.incolor;
                                document.getElementById('ColorMb1').value = color;
                                $('#ColorMb1Select').colpickSetColor(color);

                                $('#texiaoColor label').text('浮雕颜色');
                                var color = txparam.fdcolor;
                                document.getElementById('shadowColor').value = color;
                                $('#shadowColorSelect').colpickSetColor(color);

                                $('#texiaoMh label').text('模糊度');
                                document.getElementById('shadowMh').value = txparam.shadowidth;
                                $('#texiaoJl label').text('浮雕程度');
                                document.getElementById('shadowJl').value = txparam.fd_width;
                                $('#texiaoFx label').text('方向');
                                $('#texiaoLucency label').text('透明度');
                                $('#texiaoColor1,#texiaoColorMb2,#texiaoColorMb3,#texiaoCheckbox,#texiaoColorMb4,#texiaoInout,#texiaoWenli,#texiaoInoutOne,#texiaoInoutTy').hide();
                                // outrelief();
                                $('.slider-lucency').jRange('setValue', parseInt(txparam.opacity));
                                $('#shadowFx dd[lay-value="'+txparam.direction+'"]').click();
                                break;
                            case 'overshad'://底字填充纹理
                                $('#texiaoColor1,#texiaoColor,#texiaoMh,#texiaoJl,#texiaoFx,#texiaoInout,#texiaoWenli').show();
                                $('#texiaoColor label').text('顶边颜色');
                                var color = colorRGB2AHexNew(txparam.topstrokecolor);
                                document.getElementById('shadowColor').value = color;
                                $('#shadowColorSelect').colpickSetColor(color);

                                $('#texiaoJl label').text('顶边宽度');
                                document.getElementById('shadowJl').value = txparam.toplineWidth;

                                $('#texiaoColor1 label').text('底边颜色');
                                var color = colorRGB2AHexNew(txparam.botstrokecolor);
                                document.getElementById('shadowColor1').value = color;
                                $('#shadowColorSelect1').colpickSetColor(color);

                                $('#texiaoMh label').text('底边宽度');
                                document.getElementById('shadowMh').value = txparam.botlineWidth;

                                $('#texiaoInout label').text('距离');
                                document.getElementById('shadowInout').value = txparam.julineWidth;

                                $('#texiaoWenli label').text('底字纹理');

                                $('#texiaoFx label').text('方向');
                                $('#shadowFx dd[lay-value="'+txparam.direction+'"]').click();

                                $('#texiaoColorMb1,#texiaoColorMb2,#texiaoColorMb3,#texiaoCheckbox,#texiaoLucency,#texiaoColorMb4,#texiaoInoutOne,#texiaoInoutTy').hide();
                                overshad();
                                break;
                            case 'stroketwo'://双层描边
                                $('#texiaoColor1,#texiaoColor,#texiaoMh,#texiaoJl').show();
                                $('#texiaoColor label').text('一层颜色');
                                var color = txparam.onecolor;
                                document.getElementById('shadowColor').value = color;
                                $('#shadowColorSelect').colpickSetColor(color);

                                $('#texiaoJl label').text('一层宽度');
                                document.getElementById('shadowJl').value = txparam.one_strokeWidth;
                                $('#texiaoColor1 label').text('二层颜色');
                                var color = txparam.twocolor;
                                document.getElementById('shadowColor1').value = color;
                                $('#shadowColorSelect1').colpickSetColor(color);

                                $('#texiaoMh label').text('二层宽度');
                                document.getElementById('shadowMh').value = txparam.two_strokeWidth;
                                $('#texiaoColorMb1,#texiaoFx,#texiaoColorMb2,#texiaoColorMb3,#texiaoCheckbox,#texiaoLucency,#texiaoColorMb4,#texiaoInout,#texiaoWenli,#texiaoInoutOne,#texiaoInoutTy').hide();
                                stroketwo();
                                break;
                            case 'two_extrude'://双层三维
                                $('#texiaoColorMb4,#texiaoMh,#texiaoJl,#texiaoColorMb1,#texiaoColorMb2,#texiaoColorMb3,#texiaoInoutOne,#texiaoInout,#texiaoColor1,#texiaoFx,#texiaoInoutTy').show();
                                $('#texiaoColor1 label').text('顶投影颜色');
                                var color = txparam.topshadowBlur;
                                document.getElementById('shadowColor1').value = color;
                                $('#shadowColorSelect1').colpickSetColor(color);


                                $('#texiaoMh label').text('顶投影模糊');
                                document.getElementById('shadowMh').value = txparam.topshadowidth;

                                $('#texiaoColorMb4 label').text('顶层颜色');
                                var color = txparam.topcolor;
                                document.getElementById('ColorMb4').value = color;
                                $('#ColorMb4Select').colpickSetColor(color);

                                $('#texiaoInout label').text('顶层厚度');
                                document.getElementById('shadowInout').value = txparam.topwidth;

                                $('#texiaoJl label').text('底层宽度');
                                document.getElementById('shadowJl').value = txparam.botwidth;

                                $('#texiaoColorMb1 label').text('底投影颜色');
                                var color = txparam.botshadowBlur;
                                document.getElementById('ColorMb1').value = color;
                                $('#ColorMb1Select').colpickSetColor(color);

                                $('#texiaoInoutTy label').text('底投影模糊');
                                document.getElementById('shadowInoutTy').value = txparam.botshadowidth;
                                $('#texiaoColorMb2 label').text('底字颜色');
                                var color = txparam.botztcolor;
                                document.getElementById('ColorMb2').value = color;
                                $('#ColorMb2Select').colpickSetColor(color);

                                $('#texiaoColorMb3 label').text('底层颜色');
                                var color = txparam.botcolor;
                                document.getElementById('ColorMb3').value = color;
                                $('#ColorMb3Select').colpickSetColor(color);

                                $('#texiaoInoutOne label').text('底层厚度');
                                document.getElementById('shadowInoutOne').value = txparam.botblod;
                                $('#texiaoFx label').text('方向');
                                $('#texiaoColor,#texiaoCheckbox,#texiaoLucency,#texiaoWenli').hide();
                                // two_extrude();
                                $('#shadowFx dd[lay-value="'+txparam.direction+'"]').click();
                                break;
                            default:
                                $('#texiaoColor,#texiaoMh,#texiaoJl,#texiaoFx,#texiaoColor1,#texiaoColorMb1,#texiaoColorMb2,#texiaoColorMb3,#texiaoInout,#texiaoCheckbox,#texiaoColorMb4,#texiaoLucency,#texiaoWenli,#texiaoInoutOne,#texiaoInoutTy').hide();
                                closeTx();

                                break;

                        }
                        saveKz();
                    }
                }else{
                    var title = '请先选择或创建一个文本，在选择文字特效。';
                    layer.confirm(title, {
                        btn: ['确定'] //按钮
                    }, function(index){
                        layer.close(index);
                    }, function(){
                    });
                }
            }
        }
    });


}

// 点击选择zi字效模板
function findOneTeXiao(id) {
    WaitLoading();
    var _token = $('meta[name="csrf-token"]').attr('content');
    $.ajax({
        cache: true,
        type: "POST",
        url: '/v2/getOneTxkselect',
        data:{'dataid':id,'_token':_token},// 你的formid
        async: true,
        error: function(request) {
            layer.msg("失败");
            layer.closeAll();
            StopWaitLoading()
        },
        success: function(res) {
            if(res==2){
                layer.closeAll();
                layer.msg("系统错误");
            }else{
                nowGenX();
                $(isIE()).find('#zitiTexiaoHandle').empty().append(res.html);
                for (var i=0;i<res.face_html.length;i++){
                    ajaxMbloatfont(res.face_html[i].url, res.face_html[i].faceid,res.face_html[i].text)
                }
                $(isIE()).find('#zitiTexiaoHandle >div').each(function (e) {
                    var val = $(this).attr('id');
                    var timestamp = (new Date()).getTime()+Math.floor(Math.random()*1000+1);
                    var t_id = 'text_'+timestamp;
                    if (val.indexOf("form") >= 0) {//判断当前是否是文字
                        t_id = 'form_'+timestamp;
                    }else if(val.indexOf("img") >= 0){
                        t_id = 'img_'+timestamp;
                    }
                    $(this).find("svg").attr('class_id',t_id);
                    $(this).find('svg,image,path,rect,line,span,div').attr('class_id',t_id);
                    $(this).attr('id',t_id);
                    var oldzindex = $(this).css('z-index');
                    // if (isNaN(oldzindex)){
                    //     oldzindex = 100;
                    //     $(this).css('z-index',oldzindex);
                    // };
                    // 获取当前最高图层
                    // var zindex = indexHandleMax()+1;
                    // if(zindex<oldzindex){
                    //
                    // }
                    hangdleZindex(t_id,oldzindex,1);
                    // $(this).css('z-index',zindex);

                });



                var html = $(isIE()).find('#zitiTexiaoHandle').html();
                $(isIE()).find('#thHtml .label_main #label_main_hb').append(html);
                $(isIE()).find('#zitiTexiaoHandle').empty();

                saveKz(1);
            }

            StopWaitLoading();
        }
    });

}

// 关闭特效
function closeTxClick(sta='1') {
    if(sta=='2'){/*点击没有特效的文字，关闭显示框*/
        // $('#ztRight .ztRightS1').click();
        $('#closeZitiTexiao').hide();
        $('#texiaoColor,#texiaoMh,#texiaoJl,#texiaoFx,#texiaoColor1,#texiaoColorMb1,#texiaoColorMb2,#texiaoColorMb3,#texiaoInout,#texiaoCheckbox,#texiaoColorMb4,#texiaoLucency,#texiaoWenli,#texiaoInoutOne,#texiaoInoutTy').hide();
    }else{/*手动关闭字效*/
        var now_id = $(isIE()).find("#now_page_select_id").attr('now_id');
        if (now_id) {
            let texiao_val = 'closeTx';
            $(isIE()).find('#' + now_id).attr('lay_texiao',texiao_val);
            $('#txkselect').attr('value',texiao_val);
            $(isIE()).find('#' + now_id).attr('lay_txparam','');
            // $('#ztRight .ztRightS1').click();
            $('#closeZitiTexiao').hide();
            $('#texiaoColor,#texiaoMh,#texiaoJl,#texiaoFx,#texiaoColor1,#texiaoColorMb1,#texiaoColorMb2,#texiaoColorMb3,#texiaoInout,#texiaoCheckbox,#texiaoColorMb4,#texiaoLucency,#texiaoWenli,#texiaoInoutOne,#texiaoInoutTy').hide();
            closeTx();
        }
    }
    getRightTxkselect();

}
// 查询字效列表
function getRightTxkselect(sta='1') {
    if(sta=='2'){/*关闭列表*/
        $('#right_txkselect #txkselects ul').empty();
        $('#right_txkselect').attr('lay-data','0');
    }else{
        var iscun = $('#right_txkselect').attr('lay-data');
        if(iscun=='0'){
            var _token = $('meta[name="csrf-token"]').attr('content');
            $.ajax({
                cache: true,
                type: "POST",
                url: '/v2/getTxkselect',
                data:{'_token':_token},// 你的formid
                async: true,
                error: function(request) {
                    layer.msg("失败");
                    layer.close(index);
                },
                success: function(res) {
                    if(res){
                        $('#right_txkselect').attr('lay-data','1');
                        var html = '';
                        for (var i=0;i<res.length;i++){
                            html+="<li lay-id='"+res[i].id+"' lay-classif='"+res[i].classif+"' lay-txparam='"+res[i].txparam+"' lay-ptparam='"+res[i].ptparam+"' onclick='bjTeXiaoClick(this)' layj lay-data='"+res[i].type+"' class='zt_li img_li'><img class='tx_zt_img' src='"+res[i].img_src+"?time="+new Date().getTime()+"'></li>"
                        }
                        $('#right_txkselect #txkselects ul').empty().append(html);
                    }

                    var clientHeight = document.body.clientHeight;
                    if(!clientHeight){
                        clientHeight = 800;
                    }

                    var top = $('#right_txkselect').offset().top;
                    if(top){
                        top = parseFloat(top)+30;
                    }else{
                        top = 125;
                    }
                    $('#right_txkselect #txkselects ul').css('max-height',clientHeight-top+'px');
                }
            });
        }

    }

}

// 更换字体分类
function ZtClick(obj) {
    var zyti_val = $(obj).attr('lay-id');
    var old_select = $('#ztselect').attr('lay-id');
    if (old_select != zyti_val) {
        $('#ztselect #ztClick li[lay-id="' + old_select + '"]').find("a").removeClass('activezt');
        $(obj).find('a').addClass('activezt');
        $('#ztselect').attr('lay-id', zyti_val);
        var index = layer.load(1, {
            shade: [0.1,'#fff'] //0.1透明度的白色背景
        });
        $.ajax({
            cache: true,
            type: "POST",
            url: '/v2/findfont',
            data: {
                'typeid': zyti_val,
                '_token':$("meta[name='csrf-token']").attr('content'),
            },// 你的formid
            async: true,
            error: function (request) {
                layer.close(index);
            },
            success: function (res) {
                layer.close(index);
                $('#ZtFlStyle').empty();
                var data = res['arr'];
                var count = data.length;
                var html = "";
                for (var i = 0; i < count; i++) {
                    html += '<li onclick="ZtFlClick(this)" lay-data="'+data[i]['src']+'"  class="fl new_zt_li new_img_li"><img class="zt_img" src="'+data[i]['show_img']+'"></li>';
                }
                $('#ZtFlStyle').append(html);

                $('#ptfy').empty();
                var fHtml = '';
                if(res['lastPage']>1){
                    var fl = '';
                    for (var i = 1; i < res['lastPage']+1; i++) {
                        if(i==1){
                            fl+='<li  onclick="fy(this)" value="1" class="activef"><a value="1" data-href="javascript:void(0);" data-title="1" href="javascript:void(0);">1</a></li>';
                        }else if(i==5){
                            if(res['lastPage']>7){
                                fl+='<li  onclick="fy(this)" value="none" ><a value="none" data-href="javascript:void(0);" data-title="'+i+'" href="javascript:void(0);">…</a></li>';
                            }else{
                                fl+='<li  onclick="fy(this)" value="'+i+'"><a value="'+i+'" data-href="javascript:void(0);" data-title="'+i+'" href="javascript:void(0);">'+i+'</a></li>';
                            }
                        }else if(i<res['lastPage']-1&&i>5){

                        }else{
                            fl+='<li  onclick="fy(this)" value="'+i+'"><a value="'+i+'" data-href="javascript:void(0);" data-title="'+i+'" href="javascript:void(0);">'+i+'</a></li>';
                        }
                    }
                    fHtml +='<input id="nowxz" type="hidden" value="1"/>\n' +
                        '            <input id="allpage" type="hidden" value="'+res["lastPage"]+'"/>\n' +
                        '                    <ul class="pagination">\n' +
                        // '                        <li  onclick="fy(this)" value="shouye"><a value="shouye" data-href="javascript:void(0);" data-title="首页" href="javascript:void(0);">首页</a></li>\n' +
                        '                        <li  onclick="fy(this)" value="prev" title="上一页"><a value="prev" data-href="javascript:void(0);" data-title="上一页" href="javascript:void(0);">«</a></li>\n' +fl+'\n'+
                        '                        <li  onclick="fy(this)" title="下一页" value="next"><a value="next" data-href="javascript:void(0);" data-title="下一页" href="javascript:void(0);" rel="next">»</a></li>\n' +
                        // '                        <li  onclick="fy(this)" value="last"><a value="last" data-href="javascript:void(0);" data-title="末页" href="javascript:void(0);">末页</a></li>\n' +
                        // '                        <li disabled style="margin-left:10px;line-height: 28px;" class="addnum"><span class="ymspan">共<b>'+res["lastPage"]+'</b> 页</span></li>\n' +
                        '                    </ul>\n';
                }

                $('#ptfy').append(fHtml);

            }
        });

    }

    //
}
// 点击选择字体
function ZtFlClick(obj) {
    isHandleCanvas('1',function(e){
        if(e){
            var zyti_val = $(obj).attr('lay-data');
            var now_id = $(isIE()).find("#now_page_select_id").attr('now_id');
            if (now_id) {
                if (now_id.indexOf("text") >= 0) {//文字
                    var old_select = $('#ztselect').attr('value');
                    if (old_select != zyti_val) {
                        $('#ztselect .gundongtiao li[lay-data="' + old_select + '"]').removeClass('active');
                        // $(obj).addClass('active');
                        $('#ztselect').attr('value', zyti_val);
                        ajaxloatfont(zyti_val, now_id)
                        // 字体使用量加1
                        $.ajax({
                            cache: true,
                            type: "POST",
                            url: '/ztIncrement',
                            data: {'url': zyti_val,'_token': $('input[name="_token"]').val()},// 你的formid
                            async: true,
                            error: function (request) {
                            },
                            success: function (data) {
                            }
                        })
                    }else{
                        // $('#ztselect .gundongtiao li[lay-data="' + old_select + '"]').removeClass('active');
                        $('#ztselect').attr('value', '');
                    }
                }
            }
        }
    });


}

/* 点击查询背景分类*/
function ztClassTextureClick(obj) {
    // 查询当前选中
    var old_select = $('#ztClassTexture').attr('value');
    var select = $(obj).attr('lay-data');
    if (old_select != select) {
        $('#ztClassTexture div[lay-data="' + old_select + '"]').removeClass('activesc');
        $(obj).addClass('activesc');
        $('#ztClassTexture').attr('value',select);
        $('#ztClassTexture').attr('page',1);
        var page = 1;
        var index = layer.load(1, {
            shade: [0.1,'#fff'] //0.1透明度的白色背景
        });
        $.ajax({
            cache: true,
            type: "POST",
            url: '/v2/getBjImg',
            data: {
                'class':select,
                'page': page,
                '_token':$("meta[name='csrf-token']").attr('content'),
            },// 你的formid
            async: true,
            error: function (request) {
                layer.close(index);
            },
            success: function (res) {
                layer.close(index);
                if(res){
                    var html = '';
                    for (var i=0;i<res.length;i++){
                        html+='<li onclick="bjImgClick(this)" lay-data="'+res[i].id+'" class="fl bj_li img_li"><img lay-src="'+res[i].src+'?time='+new Date().getTime()+'" class="bj_img" src="'+res[i].thumbsrc+'?time='+new Date().getTime()+'"></li>'
                    }
                    $('#bjselect ul').empty().append(html);
                }

            }
        });

    }
}

// 压缩字体包，加载字体
function ajaxloatfont(url, now_id) {
    // ziti/fonts/yishu/QkYiNv.TTF

    var zname_a = url.split("/");
    var zname = zname_a[zname_a.length - 1];
    var ztnameArr = zname.split('.');
    var name = ztnameArr[0];
    var font_face = '';

    var timestamp = (new Date()).getTime();

    // // 服务器处理字体
    var str = $(isIE()).find('#' + now_id+' span').text();
    var index = layer.load(1, {
        shade: [0.1,'#fff'] //0.1透明度的白色背景
    });

    $.ajax({
        cache: true,
        type: "POST",
        url: '/reducezt',
        data: {'str': str, 'url': url, 'uid': 0, '_token': $('input[name="_token"]').val()},// 你的formid
        async: true,
        error: function (request) {
            layer.close(index);
        },
        success: function (data) {
            layer.close(index);
            var dat = JSON.parse(data);
            if (dat.code == 1) {

                // var srcz = '/' + dat.src+'?'+timestamp;

                // var imgUrl = 'http://test.yasuotu.com/' + dat.src + '?' + timestamp;

                var imgUrl = '//'+document.domain+'/'+dat.src;
                // if (domains.indexOf("www.yasuotu.com") >= 0) {//图片
                //     var imgUrl = 'https:'+domains+ dat.src + '?' + timestamp;
                // }else{
                //     var imgUrl = 'http:'+domains+ dat.src + '?' + timestamp;
                // }

                window.URL = window.URL || window.webkitURL;
                var xhr = createCORSRequest("GET", imgUrl);
                if(!xhr){
                    return true;
                }
                // 至关重要
                xhr.responseType = "blob";
                xhr.onload = function () {
                    if (this.status == 200) {
                        //得到一个blob对象
                        var blob = this.response;
                        // console.log("blob", blob);
                        // 至关重要
                        let oFileReader = new FileReader();
                        oFileReader.onloadend = function (e) {
                            let base64 = e.target.result;
                            var etc = ztnameArr[1];
                            var format = 'truetype';
                            if (etc == 'otf' || etc == 'OTF') {
                                format = 'opentype';
                            } else if (etc == 'woff') {
                                format = 'woff';
                            } else if (etc == 'eot') {
                                format = 'embedded-opentype';
                            } else if (etc == 'svg' || etc == 'svgz') {
                                format = 'svg';
                            }
                            font_face += "@font-face {font-family: '" + name + "';src: url('" + base64 + "') format('"+format+"');}";
                            var newStyle = document.getElementById("zt_iframe").contentWindow.document.createElement('style');
                            newStyle.appendChild(document.createTextNode(font_face));

                            document.getElementById("zt_iframe").contentWindow.document.head.appendChild(newStyle);
                            // var iszt = loadFont(name);

                            $(isIE()).find("#"+now_id).css('font-family',name);
                            $(isIE()).find("#"+now_id).attr('faceurl',url);
                            $(isIE()).find("#"+now_id).attr('facename',name);
                            saveKz();
                        };
                        oFileReader.readAsDataURL(blob);
                    }
                };
                xhr.send();



                //
                // var etc = ztnameArr[1];
                // var format = 'truetype';
                // if(etc == 'otf' || etc == 'OTF' ){
                //     format = 'opentype';
                // }else if(etc == 'woff'){
                //     format = 'woff';
                // }else if(etc == 'eot'){
                //     format = 'embedded-opentype';
                // }else if(etc == 'svg' || etc == 'svgz'){
                //     format = 'svg';
                // }
                // font_face += "@font-face {font-family: '" + name + "';src: url('" + srcz + "') format('"+format+"');}";
                // var newStyle = document.getElementById("zt_iframe").contentWindow.document.createElement('style');
                // newStyle.appendChild(document.createTextNode(font_face));
                //
                // document.getElementById("zt_iframe").contentWindow.document.head.appendChild(newStyle);
                // var iszt = loadFont(name);
                //
                // $(isIE()).find("#"+now_id).attr('faceurl',url);
                // $(isIE()).find("#"+now_id).attr('facename',name);
                // if (iszt == 1) {
                //     // xzzi();
                //     $(isIE()).find("#"+now_id).css('font-family',name);
                //     layer.close(index);
                // } else {
                //     setTimeout(function () {
                //         $(isIE()).find("#"+now_id).css('font-family',name);
                //         setTimeout(function () {
                //             layer.close(index);
                //         }, 500);
                //     }, 1000);
                // }
                // saveKz();
            } else {
            }
        }
    })


    // //本地加载字体

    // var srcz = '/' + url+'?'+timestamp;
    // var etc = ztnameArr[1];
    // var format = 'truetype';
    // if(etc == 'otf' || etc == 'OTF' ){
    //     format = 'opentype';
    // }else if(etc == 'woff'){
    //     format = 'woff';
    // }else if(etc == 'eot'){
    //     format = 'embedded-opentype';
    // }else if(etc == 'svg' || etc == 'svgz'){
    //     format = 'svg';
    // }
    //
    // font_face += "@font-face {font-family: '" + name + "';src: url('" + srcz + "') format('"+format+"');}";
    // var newStyle = document.getElementById("zt_iframe").contentWindow.document.createElement('style');
    // newStyle.appendChild(document.createTextNode(font_face));
    //
    // document.getElementById("zt_iframe").contentWindow.document.head.appendChild(newStyle);
    //
    // var iszt = loadFont(name);
    // $(isIE()).find("#"+now_id).attr('faceurl',url);
    // $(isIE()).find("#"+now_id).attr('facename',name);
    // if (iszt == 1) {
    //     // xzzi();
    //     $(isIE()).find("#"+now_id).css('font-family',name);
    //     layer.close(index);
    // } else {
    //     setTimeout(function () {
    //         $(isIE()).find("#"+now_id).css('font-family',name);
    //         setTimeout(function () {
    //             layer.close(index);
    //         }, 500);
    //     }, 1000);
    // }
}

// font: 字体名称，ele: 要使用此字体的元素
function loadFont(font) {
    var span = document.getElementById("zt_iframe").contentWindow.document.createElement("span");
    // 这几个字母和符号宽度比较容易变化
    span.innerHTML = "gW@i#Q!T";
    // 设置为不可见，但可以测量宽度
    span.style.visibility = "hidden";
    // 字体大小为 500px，如果宽度变化比较容易区分
    span.style.fontSize = "400px";
    span.style.fontFamily = "";
    span.setAttribute('id', 'cezt');
    // 添加到页面
    document.getElementById("zt_iframe").contentWindow.document.body.appendChild(span);
    // 获取宽度
    var w = $(isIE()).find('#cezt').width();
    var h = $(isIE()).find('#cezt').height();
    // 设置字体
    $(isIE()).find('#cezt').css('font-family', font);
    if (font == '微软雅黑' || font == '宋体' || font == '黑体') {
        var r = true;
    } else {
        var r = (($('#cezt').width() != w) || ($('#cezt').height() != h));
    }
    $(isIE()).find("#cezt").remove();
    return r ? 1 : 0;
}

/**
 * 支付页面弹出层
 */
function pay() {
    layer.open({
        title: false,
        type: 2,
        area: ['850px', '550px'],
        fixed: false, //不固定
        maxmin: true,
        content: '/pay?fun=price&package=4'
    });
}
// 登陆成功后修改参数
function loadSuccess(type) {
    if(type==2){//按时间付费
        // 去除水印
        $(isIE()).find(".t-guider svg").css('background-image','');
        var shuiyin = '<div style="display: none;" id="endShuiYin">\n' +
            '                <button style="display: block;">去水印编辑</button>\n' +
            '            </div>';
        if ( $(isIE()).find("#endShuiYin").length > 0 ) {
            $(isIE()).find("#endShuiYin button").hide();
        }else{
            $(isIE()).find("#thHtml").append(shuiyin);
        }

    }else{
        $(isIE()).find(".t-guider svg").css('background-image','url(https://www.yasuotu.com/images/water_shuiyin.png)');
        var shuiyin = '<div id="endShuiYin">\n' +
            '                <button style="display: block;" >去水印编辑</button>\n' +
            '            </div>';
        if ( $(isIE()).find("#endShuiYin").length > 0 ) {
            $(isIE()).find("#endShuiYin button").show();
        }else{
            $(isIE()).find("#thHtml").append(shuiyin);
        }

    }



}

// 手动点击去除水印
function quChuShuiYin() {
    if(type==2){//按时间付费
        // 去除水印
        loadSuccess(2)
    }else{
        if(uid==0){//请您先登陆
            ajax_v2_login();
        }else{//升级会员
            ajax_v2_pay();
        }
    }
}

// 右上角点击登录

function myLogin(){
    ajax_v2_login();
}

// 点击生成字体特效，保存到后端
function saveImgTexiao($classif='1') {

    // if(lay_texiao!=''){
    var $arr = [];
    if(backhandle !== '[]'){
        for (index in backhandle){
            $arr.push(index);
        };
    }
    function getSaveImgstx(arr, index) {
        if (arr.length > index) {
            saveNowHtmltx('1',arr[index],function (res) {
                if(res==1){
                    index = index + 1;
                    getSaveImgstx(arr, index)
                }
            })
        } else {
            layer.msg("保存成功");
        }
    }
    getSaveImgstx($arr, 0);

    // 保存到云端
    function saveNowHtmltx($statue='1',idx='',callback) {

        $(isIE()).find('#label_main_hb_h').hide();
        var html = backhandle[idx].html;
        var font_face =backhandle[idx].font_face;
        $(isIE()).find('#saveimgsyd').empty().append(html);


        let lay_texiao = '';
        let txparams = '';
        let ptparams = '';
        let ztcolor = '';/*字体颜色*/
        let color_jb = '0';/*是否渐变*/
        let jbcolor = '';/*渐变颜色*/
        let fontsize = '';/*字体大小*/
        let fontweight = '400';/*字体加粗*/
        let fontstyle = '';/*字体倾斜*/
        let textalign = '';/*对齐方式*/
        let linethrough = '';/*下划线*/
        let letterspacing = 0;/*// 文字-字间距*/
        let lineheight = 0;/*行间距*/
        let fontsrc = '';/*// 字体地址*/
        let fontname = '';/*字体名称*/
        let text = '';

        if($classif=='1'){
            var color_y = [];
            $(isIE()).find('#saveimgsyd .label_main #label_main_hb >div').each(function (e) {
                let val = $(this).attr('lay_texiao');
                if(val!=''){
                    lay_texiao = val;
                    txparams = JSON.parse($(this).attr('lay_txparam'));
                    ztcolor = $(this).css('color');
                    color_jb= $(this).attr('lay_isjb');
                    if(color_jb == '1'){
                        jbcolor = $(this).attr('lay_jbcolor');
                    }
                    fontsize = parseFloat($(this).css('font-size').replace('px',''));
                    fontweight = parseFloat($(this).css('font-weight'));
                    fontstyle = $(this).css('font-style');
                    textalign = $(this).css('text-align');
                    linethrough = $(this).css('line-through');/*下划线*/
                    letterspacing = parseFloat($(this).css('letter-spacing'));
                    fontsrc = $(this).attr('faceurl');
                    fontname = $(this).attr('facename');
                    // 文字-行间距
                    lineheight = ((parseFloat($(this).css('line-height').replace('px',''))/fontsize)-1)*10;
                    let spanText = $(this).find('span').eq(0).html();
                    text = spanText.replace(/<br\/>/g,"\r\n").replace(/<br>/g,"\r\n").replace(/&nbsp;/gi,' ');

                    return false;
                }
            });
            ptparams = {
                'ztcolor':ztcolor,
                'jbcolor':jbcolor,
                'color_jb':color_jb,
                'fontsize':fontsize,
                'fontweight':fontweight,
                'fontstyle':fontstyle,
                'textalign':textalign,
                'linethrough':linethrough,
                'letterspacing':letterspacing,
                'fontsrc':fontsrc,
                'fontname':fontname,
                'lineheight':lineheight,
            };
            if(lay_texiao==''){
                callback(1);
            }else{
                let name = '';
                switch (lay_texiao) {
                    case "outrelief":
                        name='外浮雕';
                        break;
                    case "grain":
                        name='粒子文字';
                        break;
                    case "shade":
                        name='文字加阴影';
                        break;
                    case "plate":
                        name='印版字体';
                        break;
                    case "overlap":
                        name='重叠字';
                        break;
                    case "two_extrude":
                        name='字体双重三维';
                        break;
                    case "strokekong":
                        name='字体空心';
                        break;
                    case "strokethree":
                        name='三重描边';
                        break;
                    case "shade_stroke":
                        name='投影+描边';
                        break;
                    case "stroketwo":
                        name='双重描边';
                        break;
                    case "overshad":
                        name='重叠底纹';
                        break;
                    case "inrelief":
                        name='内浮雕';
                        break;
                    case "extrude":
                        name='三维字体';
                        break;
                    case "shine":
                        name='文字边缘发光';
                        break;
                    case "stroke":
                        name='字体描边';
                        break;
                    default:
                        name='字效模板';
                        break;
                }
                var dats = {
                    'statue':$statue,
                    'classif':$classif,
                    'uid':uid,
                    'type':lay_texiao,
                    'ptparam':ptparams,
                    'txparam':txparams,
                    'name':name,
                    'base64':'',
                    'text':text,
                    'html': html,
                    'font_face':font_face,
                    '_token':$("meta[name='csrf-token']").attr('content'),
                };

                downimgydtx(dats,idx,callback);
            }
        }else{
            ptparams = {
                'ztcolor':ztcolor,
                'jbcolor':jbcolor,
                'color_jb':color_jb,
                'fontsize':fontsize,
                'fontweight':fontweight,
                'fontstyle':fontstyle,
                'textalign':textalign,
                'linethrough':linethrough,
                'letterspacing':letterspacing,
                'fontsrc':fontsrc,
                'fontname':fontname,
                'lineheight':lineheight,
            };
            let name = '';
            switch (lay_texiao) {
                case "outrelief":
                    name='外浮雕';
                    break;
                case "grain":
                    name='粒子文字';
                    break;
                case "shade":
                    name='文字加阴影';
                    break;
                case "plate":
                    name='印版字体';
                    break;
                case "overlap":
                    name='重叠字';
                    break;
                case "two_extrude":
                    name='字体双重三维';
                    break;
                case "strokekong":
                    name='字体空心';
                    break;
                case "strokethree":
                    name='三重描边';
                    break;
                case "shade_stroke":
                    name='投影+描边';
                    break;
                case "stroketwo":
                    name='双重描边';
                    break;
                case "overshad":
                    name='重叠底纹';
                    break;
                case "inrelief":
                    name='内浮雕';
                    break;
                case "extrude":
                    name='三维字体';
                    break;
                case "shine":
                    name='文字边缘发光';
                    break;
                case "stroke":
                    name='字体描边';
                    break;
                default:
                    name='字效模板';
                    break;
            }
            var dats = {
                'statue':$statue,
                'classif':$classif,
                'uid':uid,
                'type':'zixiaomoban',
                'ptparam':ptparams,
                'txparam':txparams,
                'name':name,
                'base64':'',
                'text':text,
                'html': html,
                'font_face':font_face,
                '_token':$("meta[name='csrf-token']").attr('content'),
            };
            downimgydtx(dats,idx,callback);
        }


    }

    // 保存云端处理图片
    function downimgydtx(dats,idx,callback) {
        var html = $(isIE()).find('#saveimgsyd .label_main #label_main_hb').prop('outerHTML');
        dats.html = $(isIE()).find('#saveimgsyd .label_main #label_main_hb').html();
        var w_old =backhandle[idx].width;
        var h_old =backhandle[idx].height;

        /*查询所有的字体文件包*/
        var styles = document.getElementById('zt_iframe').contentWindow.document.querySelectorAll('style');
        var fonts = '';
        if (styles) {
            for (index in styles) {
                const face = styles[index].innerHTML;
                if (face) {
                    if (face.indexOf("@font-face") >= 0) {
                        // console.log(face);
                        fonts = face + fonts
                    }
                }
            }
        }
        var data = '<svg id="now_svg_t" xmlns="http://www.w3.org/2000/svg" width="' + w_old + '" height="' + h_old + '">' +
            '<foreignObject width="100%" height="100%">' +
            '<body xmlns="http://www.w3.org/1999/xhtml" style="width: 100%;height: 100%;">\n' +
            '            <style type="text/css">\n' +fonts+ style +
            '            </style>\n' +
            html +
            '</body>' +
            '</foreignObject>' +
            '</svg>';
        $(isIE()).find('#saveimgsyd').empty().append(data);
        var css = {
            'top': '0px',
            'left': '0px',
            'transform': 'scale(1)',
        };
        $(isIE()).find('#saveimgsyd #now_svg_t #label_main_hb').css(css);
        var arr = [];
        $(isIE()).find("#saveimgsyd #now_svg_t image").each(function () {
            var src = $(this).attr("xlink:href");
            if(src.indexOf("base64") < 0){
                if (src.indexOf("www.yasuotu.com") >= 0) {//图片
                    src = 'https:'+src;
                }

                var obj = {
                    'that': $(this),
                    'src': src
                };
                arr.push(obj);
            }

        });

        if (arr != '') {
            function getBase64(arr, index) {
                if (arr.length > index) {
                    var imgUrl = arr[index].src;

                    getCanvasCanvasBase64(imgUrl)
                        .then(function (base64) {
                            arr[index].that.attr("xlink:href", base64);
                            index = index + 1;
                            getBase64(arr, index);
                        }, function (err) {
                            window.URL = window.URL || window.webkitURL;

                            var image = new Image();
//至关重要
                            image.crossOrigin = '*';
                            image.src = imgUrl;
//至关重要
                            if (img) {
                                image.onload = function () {
                                    var xhr = createCORSRequest("GET", imgUrl);
                                    if(!xhr){
                                        index = index + 1;
                                        getBase64(arr, index);
                                        return true;
                                    }
                                    // 至关重要
                                    xhr.responseType = "blob";
                                    xhr.onload = function () {
                                        if (this.status == 200) {
                                            //得到一个blob对象
                                            var blob = this.response;
                                            // console.log("blob", blob);
                                            // 至关重要
                                            let oFileReader = new FileReader();
                                            oFileReader.onloadend = function (e) {
                                                let base64 = e.target.result;
                                                arr[index].that.attr("xlink:href", base64);
                                                index = index + 1;
                                                getBase64(arr, index);
                                            };
                                            oFileReader.readAsDataURL(blob);

                                        }
                                    };
                                    xhr.send();
                                };
                                image.onerror = function() {
                                    arr[index].that.attr("xlink:href", '');
                                    index = index + 1;
                                    getBase64(arr, index);
                                };
                            }

                        });



                } else {
                    imgSaveHandletx(w_old, h_old,dats,idx,callback);
                }
            }

            getBase64(arr, 0);
        } else {
            imgSaveHandletx(w_old, h_old,dats,idx,callback);
        }


    }



    function imgSaveHandletx(w_old, h_old,dats,idx,callback) {
        var zt_iframe = $('#zt_iframe').css('display');
        if(zt_iframe!='none'){
            var canvas = document.getElementById('canvas');

            var serializer = new XMLSerializer();
            var svg = document.getElementById('zt_iframe').contentWindow.document.getElementById('now_svg_t');
            var source = serializer.serializeToString(svg);
            $(isIE()).find('#saveimgsyd').empty();
            source = '<?xml version = "1.0" standalone = "no"?>\r\n' + source;
            var url = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(source);
            w_old = parseFloat(w_old);
            h_old = parseFloat(h_old);

            canvas.width = w_old;
            canvas.height = h_old;
            var context = canvas.getContext("2d");

            var image = new Image;
            image.src = url;
            image.setAttribute('crossOrigin', 'anonymous');
            image.onload = function () {
                context.drawImage(image, 0, 0);
                var base64 = canvas.toDataURL('image/jpeg', 1);
                // var a = document.createElement("a");
                // a.download = 'test.jpg';
                // a.href =base64;
                // a.click();
                dats.base64 = base64;
                $.ajax({
                    cache: true,
                    type: "POST",
                    url: '/v2/saveImgTexiao',
                    dataType: "json",
                    data: dats,// 你的formid
                    async: true,
                    error: function (request) {
                        layer.closeAll();
                        layer.msg("系统错误1");
                    },
                    success: function (res) {
                        if(res.status == 0){
                            layer.msg("保存失败");
                        }else{
                            callback(1);
                        }
                    }
                });


            };
        }else{

            layer.closeAll();
        }
    }


}

// 修改光标方向
function saveCursor(old_angle) {
    var old_angle=parseFloat(old_angle);
    if(old_angle==0 || old_angle>140&& old_angle<=180||old_angle<-45&& old_angle>=-90){
        $(isIE()).find('#select_style .mr_ng-star-inserted').css('cursor','e-resize');//右
        $(isIE()).find('#select_style .ml_ng-star-inserted').css('cursor','e-resize');//左
        $(isIE()).find('#select_style .mt_ng-star-inserted').css('cursor','n-resize');//上
        $(isIE()).find('#select_style .mb_ng-star-inserted').css('cursor','n-resize');//下
        $(isIE()).find('#select_style .tr').css('cursor','ne-resize');//左上
        $(isIE()).find('#select_style .br').css('cursor','nw-resize');//右下
        $(isIE()).find('#select_style .bl').css('cursor','ne-resize');//右下
        $(isIE()).find('#select_style .tl').css('cursor','nw-resize');//左上
    }else if(old_angle>5&& old_angle<50 ||old_angle>180&& old_angle<230){
        $(isIE()).find('#select_style .mr_ng-star-inserted').css('cursor','nw-resize');
        $(isIE()).find('#select_style .ml_ng-star-inserted').css('cursor','nw-resize');
        $(isIE()).find('#select_style .mt_ng-star-inserted').css('cursor','ne-resize');//上
        $(isIE()).find('#select_style .mb_ng-star-inserted').css('cursor','ne-resize');//下
        $(isIE()).find('#select_style .tr').css('cursor','e-resize');//左上
        $(isIE()).find('#select_style .br').css('cursor','n-resize');//右下
        $(isIE()).find('#select_style .bl').css('cursor','e-resize');//右下
        $(isIE()).find('#select_style .tl').css('cursor','n-resize');//左上
    }else if(old_angle>=50&& old_angle<=90 || old_angle>=230&& old_angle<=270){
        $(isIE()).find('#select_style .mr_ng-star-inserted').css('cursor','n-resize');
        $(isIE()).find('#select_style .ml_ng-star-inserted').css('cursor','n-resize');
        $(isIE()).find('#select_style .mt_ng-star-inserted').css('cursor','e-resize');//上
        $(isIE()).find('#select_style .mb_ng-star-inserted').css('cursor','e-resize');//下
        $(isIE()).find('#select_style .tr').css('cursor','nw-resize');//左上
        $(isIE()).find('#select_style .br').css('cursor','ne-resize');//右下
        $(isIE()).find('#select_style .bl').css('cursor','nw-resize');//右下
        $(isIE()).find('#select_style .tl').css('cursor','ne-resize');//左上
    }else if(old_angle>90&& old_angle<140 || old_angle>270&& old_angle>-45){
        $(isIE()).find('#select_style .mr_ng-star-inserted').css('cursor','ne-resize');
        $(isIE()).find('#select_style .ml_ng-star-inserted').css('cursor','ne-resize');
        $(isIE()).find('#select_style .mt_ng-star-inserted').css('cursor','nw-resize');//上
        $(isIE()).find('#select_style .mb_ng-star-inserted').css('cursor','nw-resize');//下
        $(isIE()).find('#select_style .tr').css('cursor','n-resize');//左上
        $(isIE()).find('#select_style .br').css('cursor','e-resize');//右下
        $(isIE()).find('#select_style .bl').css('cursor','n-resize');//右下
        $(isIE()).find('#select_style .tl').css('cursor','e-resize');//左上
    }
}

/* 判断是否建了画布，如果没有则提示先新建画布*/
function isHandleCanvas(sta='1',callback) {
    let canvas = $(isIE()).find('#uploader').css('display');
    switch (sta) {
        case '1':
            if(canvas == 'block'){/*未建画布，提示*/

                var title = '您还没有建画布，请先新建画布或者上传图片后，在进行本次操作。';
                layer.confirm(title, {
                    btn: ['新建画布','选择图片'] //按钮
                }, function(index){
                    layer.close(index);
                    $(isIE()).find('#uploader #addCanvas').click();
                }, function(){
                    $(isIE()).find('#uploader #dndArea input').click();
                });
                callback(false);
            }else{
                callback(true);
            }
            break;
        case '2':/*背景判断*/
            if(canvas == 'block') {/*未建画布，提示*/
                callback(false);
            }else{
                callback(true);
            }
            break;
        default:
            callback(true);
            break;
    }

}


// 新建元素
function newAddElement(types,class_id) {
    switch (types) {
        case "wenzi":
            document.getElementById("zt_iframe").contentWindow.loadParameter(class_id);
            break;
        case "from":
            document.getElementById("zt_iframe").contentWindow.loadFrom(class_id);
            break;
        case "image":
            document.getElementById("zt_iframe").contentWindow.loadImage(class_id);
            break;
    }
}