{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/assets/croprotate_act.png","webpack:///./src/assets/Reset.png","webpack:///./src/assets/croprotate.png","webpack:///./src/assets/bright_act.png","webpack:///./src/assets/exp.png","webpack:///./src/assets/sat.png","webpack:///./src/App.vue?6916","webpack:///./src/App.vue","webpack:///./src/views/About.vue?e4cd","webpack:///src/views/About.vue","webpack:///./src/views/About.vue?4206","webpack:///./src/views/About.vue","webpack:///./src/router/index.js","webpack:///./src/mytouch.js","webpack:///./src/main.js","webpack:///./src/App.vue?f446","webpack:///./src/assets/color_act.png","webpack:///./src/assets/bright.png","webpack:///./src/assets/sat_act.png","webpack:///./src/assets/exp_act.png","webpack:///./src/assets/color.png","webpack:///./src/views/About.vue?72f4"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","_vm","this","_h","$createElement","_c","_self","attrs","staticRenderFns","script","component","staticClass","beforeAvatarUpload","err","model","ruleForm","callback","$$v","$set","expression","slot","_v","directives","rawName","func","scalePic","param","arg","movePic","ref","staticStyle","style","left","top","width","arr","val","height","img950","_e","select","_s","min","max","on","$event","input","step","_l","item","index","changeAttribute","src","selectSrc","_m","uplod","generateCanvas","btnChangeEnable","toCart","components","VueDragResize","coverUrl","coverFile","selectList","img1200","img480","styleIndex","BoxLeft","BoxTop","parentW","value1","getWidth","getHeight","canvasHeight","dragwidth","rotate","scale","radio","onoff","Grayscaleoff","ele","interval","move","mounted","that","getparentW","addEventListener","setTimeout","getW","methods","file","imagePreview","console","log","e","self","reader","FileReader","onload","target","restData","get1200","readAsDataURL","imgStyle","initCanvas","canvas","$refs","ctx","getContext","fillStyle","fillRect","translate","img","Image","pixels","drawImage","getImageData","putImageData","toDataURL","pixeldata","exp","Br","len","gray","Math","goodcolor","hslarr","rgbToHsl","h","round","s2","rgbarr","hslToRgb","g","b","floor","hue2rgb","q","canvas2","updata","imageDraw","x","num","is_endScale","is_endMove","parseInt","y","grayscale","color","location","href","toBagImg","open","previewURL","size","$axios","Vue","use","VueRouter","routes","path","redirect","About","router","base","process","directive","el","binding","vnode","timeOutTap","timeOutLong","scaleSize","type","coordinate","displacement","getDistance","bg","end","sqrt","pow","touches","pageX","pageY","start","preventDefault","clearTimeout","stop","changedTouches","axios","myTouch","config","productionTip","render","App","$mount"],"mappings":"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","file":"js/app.1d580771.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","module.exports = __webpack_public_path__ + \"img/croprotate_act.702aa76f.png\";","module.exports = __webpack_public_path__ + \"img/Reset.e5ea2d90.png\";","module.exports = __webpack_public_path__ + \"img/croprotate.860e424c.png\";","module.exports = __webpack_public_path__ + \"img/bright_act.6790fb29.png\";","module.exports = __webpack_public_path__ + \"img/exp.bec233f0.png\";","module.exports = __webpack_public_path__ + \"img/sat.aae6db7b.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app\"}},[_c('router-view')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=0d579484&\"\nvar script = {}\nimport style0 from \"./App.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"about\"},[_c('div',{staticClass:\"left\"},[_c('el-upload',{staticClass:\"avatar-uploader\",attrs:{\"action\":\"\",\"size\":\"medium\",\"show-file-list\":false,\"before-upload\":_vm.beforeAvatarUpload,\"on-error\":_vm.err},model:{value:(_vm.ruleForm.coverFile),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"coverFile\", $$v)},expression:\"ruleForm.coverFile\"}},[_c('el-button',{attrs:{\"slot\":\"trigger\",\"size\":\"small\",\"type\":\"primary\"},slot:\"trigger\"},[_vm._v(\"upload photo\")])],1),_c('div',{staticClass:\"img-con\"},[_c('div',[_c('div',{directives:[{name:\"touch\",rawName:\"v-touch:scaleTouch\",value:({ func: _vm.scalePic, param: '' }),expression:\"{ func: scalePic, param: '' }\",arg:\"scaleTouch\"},{name:\"touch\",rawName:\"v-touch:slideTouch\",value:({ func: _vm.movePic, param: '' }),expression:\"{ func: movePic, param: '' }\",arg:\"slideTouch\"}],ref:\"imgBox1\",staticClass:\"img-box1\"},[_c('canvas',{ref:\"canvas\",staticStyle:{\"display\":\"none\"}}),_c('canvas',{ref:\"canvas2\",staticStyle:{\"display\":\"none\"}}),(_vm.img950)?_c('img',{style:({\n              left: (-_vm.left * 1000) / 12 + 'rem',\n              top: (-_vm.top * 1000) / 12 + 'rem',\n              width: 100 / (_vm.arr[0].val / 100) + '%',\n              height: 100 / (_vm.arr[0].val / 100) + '%',\n            }),attrs:{\"src\":_vm.img950,\"alt\":\"\"}}):_vm._e()]),_c('div',{staticClass:\"button-step box1\"},[_c('div',{staticClass:\"s-list list-top\"},[(_vm.select == 2)?_c('div',{staticClass:\"style-list\"},[_c('div',{staticClass:\"list-name w100\"},[_vm._v(_vm._s(_vm.arr[1].name))]),_c('div',[_c('el-slider',{staticClass:\"silder\",attrs:{\"min\":_vm.arr[1].min,\"max\":_vm.arr[1].max},on:{\"change\":function($event){return _vm.input(1)}},model:{value:(_vm.arr[1].val),callback:function ($$v) {_vm.$set(_vm.arr[1], \"val\", $$v)},expression:\"arr[1].val\"}})],1)]):_vm._e(),(_vm.select == 4)?_c('div',{staticClass:\"style-list\"},[_c('div',{staticClass:\"list-name\"},[_vm._v(_vm._s(_vm.arr[2].name))]),_c('div',[_c('el-slider',{staticClass:\"silder\",attrs:{\"min\":_vm.arr[2].min,\"max\":_vm.arr[2].max,\"step\":_vm.arr[2].step},on:{\"change\":function($event){return _vm.input(2)}},model:{value:(_vm.arr[2].val),callback:function ($$v) {_vm.$set(_vm.arr[2], \"val\", $$v)},expression:\"arr[2].val\"}})],1)]):_vm._e(),(_vm.select == 5)?_c('div',{staticClass:\"style-list\"},[_c('div',{staticClass:\"list-name\"},[_vm._v(_vm._s(_vm.arr[3].name))]),_c('div',[_c('el-slider',{staticClass:\"silder\",attrs:{\"min\":_vm.arr[3].min,\"max\":_vm.arr[3].max},on:{\"change\":function($event){return _vm.input(3)}},model:{value:(_vm.arr[3].val),callback:function ($$v) {_vm.$set(_vm.arr[3], \"val\", $$v)},expression:\"arr[3].val\"}})],1)]):_vm._e(),(_vm.select == 6)?_c('div',{staticClass:\"style-list\"},[_c('div',{staticClass:\"list-name\"},[_vm._v(_vm._s(_vm.arr[4].name))]),_c('div',[_c('el-slider',{staticClass:\"silder\",attrs:{\"min\":_vm.arr[4].min,\"max\":_vm.arr[4].max},on:{\"change\":function($event){return _vm.input(4)}},model:{value:(_vm.arr[4].val),callback:function ($$v) {_vm.$set(_vm.arr[4], \"val\", $$v)},expression:\"arr[4].val\"}})],1)]):_vm._e(),(_vm.select == 7)?_c('div',{staticClass:\"style-list\"},[_c('div',{staticClass:\"list-name\"},[_vm._v(_vm._s(_vm.arr[5].name))]),_c('div',[_c('el-slider',{staticClass:\"silder\",attrs:{\"min\":_vm.arr[5].min,\"max\":_vm.arr[5].max},on:{\"change\":function($event){return _vm.input(5)}},model:{value:(_vm.arr[5].val),callback:function ($$v) {_vm.$set(_vm.arr[5], \"val\", $$v)},expression:\"arr[5].val\"}})],1)]):_vm._e()])]),_c('div',{staticClass:\"select-list\"},_vm._l((_vm.selectList),function(item,index){return _c('div',{key:index,on:{\"click\":function($event){return _vm.changeAttribute(item.select)}}},[_c('img',{attrs:{\"src\":_vm.select == item.select ? item.src : item.selectSrc,\"alt\":\"\"}})])}),0)]),_c('div',{staticClass:\"czbox\"},[_vm._m(0),_c('el-button',{attrs:{\"size\":\"medium\",\"loading\":_vm.uplod,\"type\":\"primary\"},on:{\"click\":function($event){return _vm.generateCanvas()}}},[_vm._v(\"dotidoodle it \")]),_c('el-button',{attrs:{\"size\":\"medium\",\"disabled\":_vm.btnChangeEnable,\"type\":\"primary\"},on:{\"click\":function($event){return _vm.toCart()}}},[_vm._v(\"Add To Cart \")])],1)])],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"btn-text\"},[_c('p',[_vm._v(\"Keep playing and creating\")])])}]\n\nexport { render, staticRenderFns }","\r\n<template>\r\n  <div class=\"about\">\r\n    <div class=\"left\">\r\n      <el-upload\r\n        class=\"avatar-uploader\"\r\n        action=\"\"\r\n        size=\"medium\"\r\n        :show-file-list=\"false\"\r\n        :before-upload=\"beforeAvatarUpload\"\r\n        v-model=\"ruleForm.coverFile\"\r\n        :on-error=\"err\"\r\n      >\r\n        <el-button slot=\"trigger\" size=\"small\" type=\"primary\"\r\n          >upload photo</el-button\r\n        >\r\n      </el-upload>\r\n      <div class=\"img-con\">\r\n        <div>\r\n          <div\r\n            class=\"img-box1\"\r\n            ref=\"imgBox1\"\r\n            v-touch:scaleTouch=\"{ func: scalePic, param: '' }\"\r\n            v-touch:slideTouch=\"{ func: movePic, param: '' }\"\r\n          >\r\n            <canvas ref=\"canvas\" style=\"display: none\"></canvas>\r\n            <!-- <div class=\"x-box\"></div>  @dragging=\"handleDragging\"-->\r\n            <canvas ref=\"canvas2\" style=\"display: none\"></canvas>\r\n            <img\r\n              v-if=\"img950\"\r\n              :src=\"img950\"\r\n              :style=\"{\r\n                left: (-left * 1000) / 12 + 'rem',\r\n                top: (-top * 1000) / 12 + 'rem',\r\n                width: 100 / (arr[0].val / 100) + '%',\r\n                height: 100 / (arr[0].val / 100) + '%',\r\n              }\"\r\n              alt=\"\"\r\n            />\r\n            <!-- <VueDragResize\r\n              v-if=\"ruleForm.coverUrl\"\r\n              ref=\"drag\"\r\n              :isActive=\"true\"\r\n              :isResizable=\"false\"\r\n              @dragstop=\"handleDropped($event)\"\r\n              :parentLimitation=\"true\"\r\n              :parentW=\"parentW\"\r\n              :parentH=\"parentW\"\r\n              :x=\"BoxLeft\"\r\n              :y=\"BoxTop\"\r\n              :w=\"getWidth\"\r\n              :h=\"getWidth\"\r\n              :minw=\"1\"\r\n              :minh=\"1\"\r\n              v-bind:style=\"{\r\n                height: dragwidth + 'rem',\r\n                width: dragwidth + 'rem',\r\n              }\"\r\n            > -->\r\n            <!-- @resizing=\"resizing($event)\" -->\r\n            <!-- </VueDragResize> -->\r\n          </div>\r\n          <div class=\"button-step box1\">\r\n            <div class=\"s-list list-top\">\r\n              <!-- <div v-if=\"select == 1\" class=\"style-list\">\r\n                <div class=\"list-name w100\">{{ arr[0].name }}</div>\r\n                <div>\r\n                  <el-slider\r\n                    @change=\"input(0)\"\r\n                    class=\"silder\"\r\n                    :min=\"arr[0].min\"\r\n                    :max=\"arr[0].max\"\r\n                    v-model=\"arr[0].val\"\r\n                  ></el-slider>\r\n                </div>\r\n              </div> -->\r\n              <div v-if=\"select == 2\" class=\"style-list\">\r\n                <div class=\"list-name w100\">{{ arr[1].name }}</div>\r\n                <div>\r\n                  <el-slider\r\n                    @change=\"input(1)\"\r\n                    class=\"silder\"\r\n                    :min=\"arr[1].min\"\r\n                    :max=\"arr[1].max\"\r\n                    v-model=\"arr[1].val\"\r\n                  ></el-slider>\r\n                </div>\r\n              </div>\r\n              <!-- <div v-if=\"select == 3\" class=\"style-list\">\r\n                <div>\r\n                  <el-radio\r\n                    @change=\"color\"\r\n                    size=\"medium\"\r\n                    v-model=\"radio\"\r\n                    label=\"1\"\r\n                    >Color</el-radio\r\n                  >\r\n                  <el-radio\r\n                    @change=\"color\"\r\n                    size=\"medium\"\r\n                    v-model=\"radio\"\r\n                    label=\"2\"\r\n                    >Grayscale</el-radio\r\n                  >\r\n                </div>\r\n              </div> -->\r\n              <div v-if=\"select == 4\" class=\"style-list\">\r\n                <div class=\"list-name\">{{ arr[2].name }}</div>\r\n                <div>\r\n                  <el-slider\r\n                    @change=\"input(2)\"\r\n                    class=\"silder\"\r\n                    :min=\"arr[2].min\"\r\n                    :max=\"arr[2].max\"\r\n                    :step=\"arr[2].step\"\r\n                    v-model=\"arr[2].val\"\r\n                  ></el-slider>\r\n                </div>\r\n              </div>\r\n              <div v-if=\"select == 5\" class=\"style-list\">\r\n                <div class=\"list-name\">{{ arr[3].name }}</div>\r\n                <div>\r\n                  <el-slider\r\n                    @change=\"input(3)\"\r\n                    class=\"silder\"\r\n                    :min=\"arr[3].min\"\r\n                    :max=\"arr[3].max\"\r\n                    v-model=\"arr[3].val\"\r\n                  ></el-slider>\r\n                </div>\r\n              </div>\r\n              <div v-if=\"select == 6\" class=\"style-list\">\r\n                <div class=\"list-name\">{{ arr[4].name }}</div>\r\n                <div>\r\n                  <el-slider\r\n                    @change=\"input(4)\"\r\n                    class=\"silder\"\r\n                    :min=\"arr[4].min\"\r\n                    :max=\"arr[4].max\"\r\n                    v-model=\"arr[4].val\"\r\n                  ></el-slider>\r\n                </div>\r\n              </div>\r\n              <div v-if=\"select == 7\" class=\"style-list\">\r\n                <div class=\"list-name\">{{ arr[5].name }}</div>\r\n                <div>\r\n                  <el-slider\r\n                    @change=\"input(5)\"\r\n                    class=\"silder\"\r\n                    :min=\"arr[5].min\"\r\n                    :max=\"arr[5].max\"\r\n                    v-model=\"arr[5].val\"\r\n                  ></el-slider>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"select-list\">\r\n            <div\r\n              v-for=\"(item, index) in selectList\"\r\n              @click=\"changeAttribute(item.select)\"\r\n              :key=\"index\"\r\n            >\r\n              <img\r\n                :src=\"select == item.select ? item.src : item.selectSrc\"\r\n                alt=\"\"\r\n              />\r\n              <!-- <div>{{item.name}}</div> -->\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"czbox\">\r\n          <div class=\"btn-text\">\r\n            <p>Keep playing and creating</p>\r\n          </div>\r\n          <el-button\r\n            size=\"medium\"\r\n            :loading=\"uplod\"\r\n            @click=\"generateCanvas()\"\r\n            type=\"primary\"\r\n            >dotidoodle it\r\n          </el-button>\r\n          <!-- <div class=\"btn-text\">\r\n            <p>then</p>\r\n          </div> -->\r\n          <el-button\r\n            size=\"medium\"\r\n            :disabled=\"btnChangeEnable\"\r\n            @click=\"toCart()\"\r\n            type=\"primary\"\r\n            >Add To Cart\r\n          </el-button>\r\n        </div>\r\n        <!-- <div>\r\n          <div class=\"s-list\">\r\n            <div class=\"s-list-tit button-step\">\r\n              <div class=\"button-step-text\">\r\n                <div class=\"btn btn2\">2</div>\r\n                ADJUSTMENTS\r\n              </div>\r\n            </div>\r\n            \r\n          </div>\r\n          <div class=\"img-box2\">\r\n            <canvas ref=\"canvas2\"></canvas>\r\n          </div>\r\n        </div>\r\n        <div class=\"imgStyle\">\r\n          <div :class=\"[styleIndex == 0 ? 'click' : '']\" @click=\"imgStyle(0)\">\r\n            <img src=\"../assets/1.jpg\" alt=\"\" />\r\n          </div>\r\n          <div :class=\"[styleIndex == 1 ? 'click' : '']\" @click=\"imgStyle(1)\">\r\n            <img src=\"../assets/2.jpg\" alt=\"\" />\r\n          </div>\r\n          <div :class=\"[styleIndex == 2 ? 'click' : '']\" @click=\"imgStyle(2)\">\r\n            <img src=\"../assets/3.jpg\" alt=\"\" />\r\n          </div>\r\n          <div :class=\"[styleIndex == 3 ? 'click' : '']\" @click=\"imgStyle(3)\">\r\n            <img src=\"../assets/4.jpg\" alt=\"\" />\r\n          </div>\r\n        </div> -->\r\n      </div>\r\n    </div>\r\n    <!-- <div class=\"right\">\r\n      <div class=\"resImg\">\r\n        <img :src=\"src.previewURL\" alt=\"\" />\r\n      </div>\r\n      <div class=\"rignt-btn\">\r\n        <div class=\"button-step\">\r\n          <div class=\"btn btn3\">3</div>\r\n        </div>\r\n        <div class=\"button-step\">\r\n          <el-button\r\n            size=\"small\"\r\n            type=\"primary\"\r\n            :disabled=\"btnChangeEnable\"\r\n            @click=\"toBagImg()\"\r\n            >Show Content\r\n          </el-button>\r\n        </div>\r\n        <div class=\"btn-text\">\r\n          <p>Keep playing and creating</p>\r\n          <p>until you love, love, love it.</p>\r\n          <p class=\"text-top\">Once you are happy</p>\r\n        </div>\r\n      </div>\r\n    </div> -->\r\n  </div>\r\n</template>\r\n<script>\r\nimport VueDragResize from \"vue-drag-resize\";\r\nexport default {\r\n  name: \"About\",\r\n  components: {\r\n    VueDragResize,\r\n  },\r\n  data() {\r\n    return {\r\n      ruleForm: {\r\n        coverUrl: \"\",\r\n        coverFile: \"\",\r\n      },\r\n      select: \"2\",\r\n      selectList: [\r\n        // {\r\n        //   selectSrc: require(\"../assets/croprotate_act.png\"),\r\n        //   src: require(\"../assets/croprotate.png\"),\r\n        //   name: \"crop\",\r\n        //   select: 1,\r\n        // },\r\n        {\r\n          src: require(\"../assets/croprotate_act.png\"),\r\n          selectSrc: require(\"../assets/croprotate.png\"),\r\n          name: \"rotate\",\r\n          select: 2,\r\n        },\r\n        {\r\n          src: require(\"../assets/color_act.png\"),\r\n          selectSrc: require(\"../assets/color.png\"),\r\n          name: \"colour\",\r\n          select: 3,\r\n        },\r\n        {\r\n          src: require(\"../assets/exp_act.png\"),\r\n          selectSrc: require(\"../assets/exp.png\"),\r\n          name: \"exposure\",\r\n          select: 4,\r\n        },\r\n        {\r\n          src: require(\"../assets/bright_act.png\"),\r\n          selectSrc: require(\"../assets/bright.png\"),\r\n          name: \"brightness\",\r\n          select: 5,\r\n        },\r\n        // {\r\n        //   selectSrc: require(\"../assets/Contrast-white.png\"),\r\n        //   src: require(\"../assets/Contrast-pink.png\"),\r\n        //   name: \"Contrast\",\r\n        //   select: 6,\r\n        // },\r\n        {\r\n          src: require(\"../assets/sat_act.png\"),\r\n          selectSrc: require(\"../assets/sat.png\"),\r\n          name: \"saturation\",\r\n          select: 7,\r\n        },\r\n        {\r\n          src: require(\"../assets/Reset.png\"),\r\n          selectSrc: require(\"../assets/Reset.png\"),\r\n          name: \"Reset\",\r\n          select: 0,\r\n        },\r\n      ],\r\n      img950: \"\",\r\n      img1200:'',\r\n      img480: \"\",\r\n      uplod: false,\r\n      styleIndex: 0,\r\n      BoxLeft: 0,\r\n      BoxTop: 0,\r\n      top: 0,\r\n      parentW: 0,\r\n      left: 0,\r\n      value1: 0,\r\n      height: \"200\",\r\n      getWidth: 0,\r\n      getHeight: 0,\r\n      canvasHeight: \"200\",\r\n      dragwidth: 45.83333,\r\n      rotate: 0,\r\n      scale: 1,\r\n      radio: \"1\",\r\n      btnChangeEnable: true,\r\n      src: {},\r\n      onoff: true,\r\n      Grayscaleoff: false,\r\n      ele: null,\r\n      interval: null,\r\n      move: true,\r\n      arr: [\r\n        {\r\n          name: \"Scale\",\r\n          val: 100,\r\n        },\r\n        {\r\n          name: \"Rotate\",\r\n          val: 50,\r\n        },\r\n        // {\r\n        //     name: \"Grayscale\",\r\n        //     val: 0,\r\n        //     onoff: true,\r\n        // },\r\n        {\r\n          name: \"Exposure\",\r\n          val: 0,\r\n          max: 1,\r\n          min: -1,\r\n          step: 0.01,\r\n        },\r\n        {\r\n          name: \"Brightness\",\r\n          val: 50,\r\n        },\r\n        {\r\n          name: \"Contrast\",\r\n          val: 50,\r\n        },\r\n        {\r\n          name: \"Saturation\",\r\n          val: 100,\r\n          max: 200,\r\n          min: 50,\r\n        },\r\n      ],\r\n    };\r\n  },\r\n  mounted() {\r\n    var that = this;\r\n    this.getparentW();\r\n    window.addEventListener(\"resize\", () => {\r\n      setTimeout(function () {\r\n        that.getparentW();\r\n        that.getW();\r\n        that.input(0);\r\n      }, 300);\r\n    });\r\n  },\r\n  methods: {\r\n    getparentW() {\r\n      this.parentW =\r\n        91.66667 * parseFloat(document.documentElement.style.fontSize);\r\n    },\r\n    beforeAvatarUpload(file) {\r\n      this.getWidth =\r\n        this.dragwidth * parseFloat(document.documentElement.style.fontSize);\r\n      this.getHeight =\r\n        this.dragwidth * parseFloat(document.documentElement.style.fontSize);\r\n      this.ruleForm.coverFile = file;\r\n      this.imagePreview(this.ruleForm.coverFile);\r\n      return false;\r\n    },\r\n    err(e) {\r\n      console.log(e);\r\n    },\r\n    imagePreview: function (file) {\r\n      var self = this;\r\n      //定义一个文件阅读器\r\n      var reader = new FileReader();\r\n      //文件装载后将其显示在图片预览里\r\n      reader.onload = function (e) {\r\n        //将bade64位图片保存至数组里供上面图片显示\r\n        self.ruleForm.coverUrl = e.target.result;\r\n        this.restData;\r\n        self.get1200();\r\n      };\r\n      reader.readAsDataURL(file);\r\n    },\r\n    getW() {\r\n      this.getWidth =\r\n        this.dragwidth * parseFloat(document.documentElement.style.fontSize);\r\n      this.getHeight =\r\n        this.dragwidth * parseFloat(document.documentElement.style.fontSize);\r\n    },\r\n    imgStyle(index) {\r\n      this.styleIndex = index;\r\n    },\r\n    restData(){\r\n        this.Grayscaleoff = false;\r\n        this.arr = [\r\n          {\r\n            name: \"Scale\",\r\n            val: 100,\r\n          },\r\n          {\r\n            name: \"Rotate\",\r\n            val: 50,\r\n          },\r\n          // {\r\n          //     name: \"Grayscale\",\r\n          //     val: 0,\r\n          //     onoff: true,\r\n          // },\r\n          {\r\n            name: \"Exposure\",\r\n            val: 0,\r\n            max: 1,\r\n            min: -1,\r\n            step: 0.01,\r\n          },\r\n          {\r\n            name: \"Brightness\",\r\n            val: 50,\r\n          },\r\n          {\r\n            name: \"Contrast\",\r\n            val: 50,\r\n          },\r\n          {\r\n            name: \"Saturation\",\r\n            val: 100,\r\n            max: 200,\r\n            min: 50,\r\n          },\r\n        ];\r\n        this.rotate = ((this.arr[1].val - 50) / 25) * 180;\r\n    },\r\n    changeAttribute(index) {\r\n      if (index && index == 3) {\r\n        this.Grayscaleoff = !this.Grayscaleoff;\r\n        this.initCanvas();\r\n        return false;\r\n      }\r\n      if (index === 0) {\r\n        this.Grayscaleoff = false;\r\n        this.arr = [\r\n          {\r\n            name: \"Scale\",\r\n            val: 100,\r\n          },\r\n          {\r\n            name: \"Rotate\",\r\n            val: 50,\r\n          },\r\n          // {\r\n          //     name: \"Grayscale\",\r\n          //     val: 0,\r\n          //     onoff: true,\r\n          // },\r\n          {\r\n            name: \"Exposure\",\r\n            val: 0,\r\n            max: 1,\r\n            min: -1,\r\n            step: 0.01,\r\n          },\r\n          {\r\n            name: \"Brightness\",\r\n            val: 50,\r\n          },\r\n          {\r\n            name: \"Contrast\",\r\n            val: 50,\r\n          },\r\n          {\r\n            name: \"Saturation\",\r\n            val: 100,\r\n            max: 200,\r\n            min: 50,\r\n          },\r\n        ];\r\n        this.rotate = ((this.arr[1].val - 50) / 25) * 180;\r\n        this.initCanvas();\r\n        return;\r\n      }\r\n      if (index || index !== 0) {\r\n        this.select = index;\r\n        return false;\r\n      }\r\n    },\r\n    get1200() {\r\n      var canvas = this.$refs.canvas;\r\n      var ctx = canvas.getContext(\"2d\");\r\n      canvas.width = 1200;\r\n      canvas.height = 1200;\r\n      ctx.fillStyle = \"#fff\";\r\n      ctx.fillRect(0, 0, canvas.width, canvas.height);\r\n      ctx.translate(1200 / 2, 1200 / 2);\r\n      var self = this;\r\n      var img = new Image();\r\n      img.src = self.ruleForm.coverUrl;\r\n      img.onload = function () {\r\n        var s = img.height / img.width;\r\n        if (s > 1) {\r\n          ctx.drawImage(\r\n            img,\r\n            600 - ((1200 / img.height) * img.width) / 2 - 600,\r\n            -600,\r\n            (1200 / img.height) * img.width,\r\n            1200\r\n          );\r\n        } else if (s < 1) {\r\n          ctx.drawImage(\r\n            img,\r\n            -600,\r\n            600 - (1200 * img.height) / img.width / 2 - 600,\r\n            1200,\r\n            (1200 * img.height) / img.width\r\n          );\r\n        } else {\r\n          ctx.drawImage(img, -600, -600, 1200, s * 1200);\r\n        }\r\n        var pixels;\r\n        pixels = ctx.getImageData(0, 0, 1200, 1200);\r\n        ctx.putImageData(pixels, 0, 0);\r\n        self.img1200 = canvas.toDataURL(\"image/jpeg\");\r\n        console.log( self.img1200)\r\n        self.initCanvas()\r\n      };\r\n    },\r\n    initCanvas() {\r\n      var canvas = this.$refs.canvas;\r\n      var ctx = canvas.getContext(\"2d\");\r\n      canvas.width = 950;\r\n      canvas.height = 950;\r\n      ctx.fillStyle = \"#fff\";\r\n      ctx.fillRect(0, 0, canvas.width, canvas.height);\r\n      ctx.translate(950 / 2, 950 / 2);\r\n      ctx.rotate((this.rotate * Math.PI) / 180);\r\n      var self = this;\r\n      var img = new Image();\r\n      img.src = self.img1200;\r\n      img.onload = function () {\r\n        var s = img.height / img.width;\r\n        if (s > 1) {\r\n          ctx.drawImage(\r\n            img,\r\n            475 - ((950 / img.height) * img.width) / 2 - 475,\r\n            -475,\r\n            (950 / img.height) * img.width,\r\n            950\r\n          );\r\n        } else if (s < 1) {\r\n          ctx.drawImage(\r\n            img,\r\n            -475,\r\n            475 - (950 * img.height) / img.width / 2 - 475,\r\n            950,\r\n            (950 * img.height) / img.width\r\n          );\r\n        } else {\r\n          ctx.drawImage(img, -475, -475, 950, s * 950);\r\n        }\r\n        var pixels;\r\n        pixels = ctx.getImageData(0, 0, 950, 950);\r\n        var pixeldata = pixels.data;\r\n        var exp = self.arr[2].val;\r\n        // var c = (self.arr[4].val - 50) / 100;\r\n        var Br = (self.arr[3].val - 50) / 100;\r\n        for (var i = 0, len = pixeldata.length; i < len; i += 4) {\r\n          if (self.Grayscaleoff) {\r\n            var gray =\r\n              (pixels.data[i] * 38 +\r\n                pixels.data[i + 1] * 75 +\r\n                pixels.data[i + 2] * 15) >>\r\n              7;\r\n            pixels.data[i] = gray;\r\n            pixels.data[i + 1] = gray;\r\n            pixels.data[i + 2] = gray;\r\n          }\r\n          pixels.data[i] = Math.min(255,Math.max(0, Math.round(pixels.data[i] * Math.pow(2, exp))));\r\n          pixels.data[i + 1] = Math.min(255,Math.max(0, Math.round(pixels.data[i + 1] * Math.pow(2, exp))));\r\n          pixels.data[i + 2] = Math.min(255,Math.max(0, Math.round(pixels.data[i + 2] * Math.pow(2, exp))));\r\n          // var k = Math.tan(((45 + 44 * c) / 180) * Math.PI);\r\n          pixels.data[i] = self.goodcolor(\r\n            (pixels.data[i] - 127.5 * (1 - Br)) + 127.5 * (1 + Br)\r\n          );\r\n          pixels.data[i + 1] = self.goodcolor(\r\n            (pixels.data[i + 1] - 127.5 * (1 - Br)) + 127.5 * (1 + Br)\r\n          );\r\n          pixels.data[i + 2] = self.goodcolor(\r\n            (pixels.data[i + 2] - 127.5 * (1 - Br)) + 127.5 * (1 + Br)\r\n          );\r\n\r\n          var hslarr = self.rgbToHsl(\r\n            pixels.data[i],\r\n            pixels.data[i + 1],\r\n            pixels.data[i + 2]\r\n          );\r\n          var h = Math.round(hslarr[0]) / 100; //色调，处理成0-1之前数据\r\n          var s = Math.round(hslarr[1]) / 100; //饱和度\r\n          var l = Math.round(hslarr[2]) / 100; //亮度\r\n          var s2 = s * 0.01 * self.arr[5].val;\r\n          s = s2 > 1 ? 1 : s2 < 0 ? 0 : s2;\r\n          var rgbarr = self.hslToRgb(h, s, l);\r\n          pixels.data[i] = rgbarr[0];\r\n          pixels.data[i + 1] = rgbarr[1];\r\n          pixels.data[i + 2] = rgbarr[2];\r\n        }\r\n        ctx.putImageData(pixels, 0, 0);\r\n        self.img950 = canvas.toDataURL(\"image/jpeg\");\r\n      };\r\n    },\r\n    rgbToHsl: function (r, g, b) {\r\n      (r /= 255), (g /= 255), (b /= 255);\r\n      var max = Math.max(r, g, b),\r\n        min = Math.min(r, g, b);\r\n      var h,\r\n        s,\r\n        l = (max + min) / 2;\r\n\r\n      if (max == min) {\r\n        h = s = 0; // achromatic\r\n      } else {\r\n        var d = max - min;\r\n        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\r\n        switch (max) {\r\n          case r:\r\n            h = (g - b) / d + (g < b ? 6 : 0);\r\n            break;\r\n          case g:\r\n            h = (b - r) / d + 2;\r\n            break;\r\n          case b:\r\n            h = (r - g) / d + 4;\r\n            break;\r\n        }\r\n        h /= 6;\r\n      }\r\n      return [Math.floor(h * 100), Math.round(s * 100), Math.round(l * 100)];\r\n    },\r\n    hslToRgb: function (h, s, l) {\r\n      var r, g, b;\r\n\r\n      if (s == 0) {\r\n        r = g = b = l; // achromatic\r\n      } else {\r\n        var hue2rgb = function hue2rgb(p, q, t) {\r\n          if (t < 0) t += 1;\r\n          if (t > 1) t -= 1;\r\n          if (t < 1 / 6) return p + (q - p) * 6 * t;\r\n          if (t < 1 / 2) return q;\r\n          if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;\r\n          return p;\r\n        };\r\n\r\n        var q = l < 0.5 ? l * (1 + s) : l + s - l * s;\r\n        var p = 2 * l - q;\r\n        r = hue2rgb(p, q, h + 1 / 3);\r\n        g = hue2rgb(p, q, h);\r\n        b = hue2rgb(p, q, h - 1 / 3);\r\n      }\r\n\r\n      return [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255)];\r\n    },\r\n    generateCanvas() {\r\n      var canvas = this.$refs.canvas2;\r\n      var ctx = canvas.getContext(\"2d\");\r\n      canvas.width = 480;\r\n      canvas.height = 480;\r\n      ctx.fillStyle = \"#fff\";\r\n      ctx.fillRect(0, 0, canvas.width, canvas.height);\r\n      var self = this;\r\n      var img = new Image();\r\n      img.src = this.img950;\r\n      console.log(100 / 100 / (self.arr[0].val / 100));\r\n      img.onload = function () {\r\n        ctx.drawImage(\r\n          img,\r\n          self.left * 950 * (100 / (100 / (self.arr[0].val / 100))),\r\n          self.top * 950 * (100 / (100 / (self.arr[0].val / 100))),\r\n          (100 / (100 / (self.arr[0].val / 100))) * 950,\r\n          (100 / (100 / (self.arr[0].val / 100))) * 950,\r\n          0,\r\n          0,\r\n          480,\r\n          480\r\n        );\r\n        self.img480 = canvas.toDataURL(\"image/jpeg\");\r\n        self.updata();\r\n      };\r\n    },\r\n    imageDraw: function () {},\r\n    goodcolor: function (num) {\r\n      var x = num;\r\n      if (num > 255) {\r\n        x = 255;\r\n      } else if (num < 0) {\r\n        x = 0;\r\n      }\r\n      return x;\r\n    },\r\n    scalePic: function (param, is_endScale) {\r\n      // console.log(param,is_endScale)\r\n      // this.ele =document.getElementsByClassName('modal_content')[0]; // 这个应该在图片显示的时候设置\r\n      // let nodeStyle = this.ele.style.transform;\r\n      // let changeSize = nodeStyle ?  parseFloat(nodeStyle.slice(nodeStyle.indexOf('scale')+6)) : 0;\r\n      var that = this;\r\n      if (is_endScale == \"scaleTouch\") {\r\n        // 缩放图片结束，要重新计算定位\r\n        var scale = this.arr[0].val - param;\r\n        if (scale > 100) {\r\n          scale = 100;\r\n        } else if (scale < 25) {\r\n          scale = 25;\r\n        }\r\n        // if (this.top - parseInt(param.y) / 1000 < 0) {\r\n        //   this.top = 0;\r\n        // } else if (this.top - parseInt(param.y) / 1000 >1 / (this.arr[0].val / 100) - 1) {\r\n        //   this.top = 1 / (this.arr[0].val / 100) - 1;\r\n        // } else {\r\n        // }\r\n\r\n        // if (this.left - parseInt(param.x) / 1000 < 0) {\r\n        //   this.left = 0;\r\n        // } else if ( this.left - parseInt(param.x) / 1000 > 1 / (this.arr[0].val / 100) - 1 ) {\r\n        //   this.left = 1 / (this.arr[0].val / 100) - 1;\r\n        // } else {\r\n        //   // this.left = this.left + (param / 100) / 2;\r\n        // }\r\n          this.top =  (this.top+ 0.5)/(1 / this.arr[0].val * 100)*(1 / scale * 100)-0.5\r\n          // this.top*((100 / scale * 100) /(100 / this.arr[0].val * 100))+ (1/ (scale / 100) - 1 / (this.arr[0].val / 100) -2)/2;\r\n\r\n          this.left =  (this.left+ 0.5)/(1 / this.arr[0].val * 100)*(1 / scale * 100)-0.5\r\n        \r\n        this.arr[0].val = scale;\r\n        \r\n        \r\n        return;\r\n      }\r\n      // if(nodeStyle){\r\n      //   // 如果存在的话，就说明已经设置了，scale已经改变了\r\n      //   let currScaleSize = changeSize + param;\r\n      //   currScaleSize > 3 ? currScaleSize = 3 : null\r\n      //   currScaleSize < 1 ? currScaleSize = 1 : null\r\n      //   this.ele.style.transform = 'translate(-50%, -50%) scale('+currScaleSize+','+currScaleSize+')';\r\n      // }else{ // 如果不存在，就说明是第一次设置\r\n      //     let scale = param + 1\r\n      //     this.ele.style.marginLeft =  '0px';\r\n      //     this.ele.style.marginTop  = '0px';\r\n      //     this.ele.style.transform = 'translate(-50%, -50%) scale('+scale+','+scale+')';\r\n    },\r\n    movePic(param, is_endScale) {\r\n      var that = this;\r\n      if (!param.is_endMove && is_endScale == \"slideTouch\") {\r\n        if (this.top - parseInt(param.y) / 1000 < 0) {\r\n          this.top = 0;\r\n        } else if (\r\n          this.top - parseInt(param.y) / 1000 >\r\n          1 / (this.arr[0].val / 100) - 1\r\n        ) {\r\n          this.top = 1 / (this.arr[0].val / 100) - 1;\r\n        } else {\r\n          this.top = this.top - parseInt(param.y) / 1000;\r\n        }\r\n        if (this.left - parseInt(param.x) / 1000 < 0) {\r\n          this.left = 0;\r\n        } else if (\r\n          this.left - parseInt(param.x) / 1000 >\r\n          1 / (this.arr[0].val / 100) - 1\r\n        ) {\r\n          this.left = 1 / (this.arr[0].val / 100) - 1;\r\n        } else {\r\n          this.left = this.left - parseInt(param.x) / 1000;\r\n        }\r\n      }\r\n      // this.generateCanvas();\r\n    },\r\n    grayscale() {\r\n      this.initCanvas();\r\n    },\r\n    color(index) {\r\n      if (index == 2) {\r\n        this.Grayscaleoff = true;\r\n      } else {\r\n        this.Grayscaleoff = false;\r\n      }\r\n      this.initCanvas();\r\n    },\r\n    input(index) {\r\n      if (index == 0) {\r\n        if (\r\n          this.dragwidth * parseFloat(document.documentElement.style.fontSize) +\r\n            this.BoxLeft +\r\n            1 >=\r\n          this.$refs.imgBox1.clientWidth\r\n        ) {\r\n          this.BoxLeft =\r\n            this.BoxLeft -\r\n            ((this.arr[index].val / 100) * 33.33333 - this.dragwidth) *\r\n              parseFloat(document.documentElement.style.fontSize);\r\n        }\r\n        if (\r\n          this.dragwidth * parseFloat(document.documentElement.style.fontSize) +\r\n            this.BoxTop +\r\n            1 >=\r\n          this.$refs.imgBox1.clientWidth\r\n        ) {\r\n          this.BoxTop =\r\n            this.BoxTop -\r\n            ((this.arr[index].val / 100) * 33.33333 - this.dragwidth) *\r\n              parseFloat(document.documentElement.style.fontSize);\r\n        }\r\n        this.dragwidth = (this.arr[index].val / 100) * 33.33333;\r\n        if (\r\n          this.dragwidth * parseFloat(document.documentElement.style.fontSize) +\r\n            this.BoxLeft +\r\n            1 >=\r\n          this.$refs.imgBox1.clientWidth\r\n        ) {\r\n          this.BoxLeft =\r\n            this.$refs.imgBox1.clientWidth -\r\n            this.dragwidth *\r\n              parseFloat(document.documentElement.style.fontSize);\r\n        }\r\n        if (\r\n          this.dragwidth * parseFloat(document.documentElement.style.fontSize) +\r\n            this.BoxTop +\r\n            1 >=\r\n          this.$refs.imgBox1.clientWidth\r\n        ) {\r\n          this.BoxTop =\r\n            this.$refs.imgBox1.clientWidth -\r\n            this.dragwidth *\r\n              parseFloat(document.documentElement.style.fontSize);\r\n        }\r\n        this.getW();\r\n        this.initCanvas();\r\n      } else if (index == 1) {\r\n        this.rotate = ((this.arr[index].val - 50) / 25) * 180;\r\n        this.initCanvas();\r\n      } else {\r\n        this.initCanvas();\r\n      }\r\n    },\r\n    toCart() {\r\n      window.location.href = `http://mskpt.com/cart/?add-to-cart=149&quantity=3&mproject_url=<img src=\"${this.src.thumbURL}\"/>&mproject_info=${this.src.projectID}`;\r\n    },\r\n    toBagImg() {\r\n      window.open(this.src.previewURL);\r\n    },\r\n    updata: function () {\r\n      if (!this.img480) {\r\n        return;\r\n      }\r\n      this.uplod = true;\r\n      var img = this.img480;\r\n      var size = parseInt(img.length);\r\n      //  <Libid xsi:type=\"xsd:int\">\r\n      //                                   ${this.styleIndex}\r\n      //                               </Libid>\r\n      let xm = `<?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n                        <SOAP-ENV:Envelope\r\n                            xmlns:SOAP-ENV=\"http://schemas.xmlsoap.org/soap/envelope/\"\r\n                            xmlns:xsd=\"http://www.w3.org/2001/XMLSchema\"\r\n                            xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\"\r\n                            xmlns:SOAP-ENC=\"http://schemas.xmlsoap.org/soap/encoding/\">\r\n                            <SOAP-ENV:Body\r\n                                xmlns:NS1=\"urn:ezm_renderIntf-Iezm_render\"\r\n                                SOAP-ENV:encodingStyle=\"http://schemas.xmlsoap.org/soap/encoding/\">\r\n                                <NS1:MRDot_HY2>\r\n                                    <size xsi:type=\"xsd:int\">\r\n                                        ${size}\r\n                                    </size>\r\n                                    <jpg xsi:type=\"xsd:base64Binary\">${img}</jpg></NS1:MRDot_HY2>\r\n                            </SOAP-ENV:Body>\r\n                        </SOAP-ENV:Envelope>`;\r\n      this.$axios\r\n        .post(\"https://dotidoodle.com/render/ezmr1.dll/soap/Iezm_render\", xm)\r\n        .then((response) => {\r\n          this.uplod = false;\r\n          var parser = new DOMParser();\r\n          var xmlDoc = parser.parseFromString(response.data, \"text/xml\");\r\n          //获取DOM节点的标签为 dzLoginResult 的第一个节点对象\r\n          var MDotResponse =\r\n            xmlDoc.getElementsByTagName(\"NS2:TMRmsg\")[0].childNodes;\r\n          MDotResponse.forEach((item) => {\r\n            this.src[item.nodeName] = item.innerHTML;\r\n          });\r\n          // xmlDoc.getElementsByTagName('msg')[0];\r\n          if (this.src.msg == \"Good Request\") {\r\n            this.restData()\r\n            this.img950 = this.src.previewURL;\r\n            this.btnChangeEnable = false;\r\n          }\r\n        })\r\n        .catch((error) => {\r\n          self.uplod = false;\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\">\r\nbody {\r\n  background: #000;\r\n}\r\n.vdr.active:before {\r\n  content: \"\";\r\n  outline: 4px dashed #d6d6d6 !important;\r\n}\r\n.el-radio__inner {\r\n  width: 24px;\r\n  height: 24px;\r\n}\r\n.el-radio__inner::after {\r\n  width: 8px;\r\n  height: 8px;\r\n}\r\n.el-radio__label {\r\n  font-size: 18px;\r\n}\r\n.el-button {\r\n  width: 300px;\r\n  height: 90px;\r\n  font-size: 40px;\r\n  border-radius: 45px;\r\n}\r\n.el-slider__runway{\r\n  height: 20px;\r\n  border-radius: 10px;\r\n}\r\n.el-slider__bar{\r\n  height: 20px;\r\n}\r\n.el-slider__button-wrapper{\r\n  top: -20px;\r\n}\r\n.el-slider__button{\r\n  height: 40px;\r\n  width: 40px;\r\n}\r\n.s-list-tit {\r\n  margin-bottom: 20px;\r\n}\r\n// .box1 {\r\n//   width: 40%;\r\n// }\r\n.list-top {\r\n  margin: 40px 0 10px;\r\n}\r\n.button-step {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  .button-step-text {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    font-size: 30px;\r\n    align-items: center;\r\n  }\r\n  .btn {\r\n    width: 150px;\r\n    height: 150px;\r\n    border-radius: 50%;\r\n    margin-right: 15px;\r\n    font-size: 100px;\r\n    text-align: center;\r\n    line-height: 150px;\r\n    font-weight: 600;\r\n    color: white;\r\n  }\r\n  .btn1 {\r\n    background: #d382af;\r\n    margin-bottom: 50px;\r\n  }\r\n  .btn2 {\r\n    background: #ab1b40;\r\n  }\r\n  .btn3 {\r\n    margin-right: 0;\r\n    margin-bottom: 50px;\r\n    background: #662f8e;\r\n  }\r\n}\r\n.about {\r\n  border-radius: 20px;\r\n  text-align: center;\r\n  .left {\r\n    margin: 0px auto;\r\n    background: #000;\r\n  }\r\n  .avatar-uploader {\r\n    margin: 20px 0;\r\n    display: inline-block;\r\n  }\r\n  .img-con {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n  }\r\n  .img-con > div {\r\n    margin: 20px auto;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    margin-bottom: 10px;\r\n    background: #000;\r\n  }\r\n  .img-box1 {\r\n    width: 1000px;\r\n    height: 1000px;\r\n    position: relative;\r\n    margin-bottom: 50px;\r\n    position: relative;\r\n    background: white;\r\n    overflow: hidden;\r\n    img {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n    }\r\n    canvas {\r\n      width: 100%;\r\n      height: 100%;\r\n      position: relative;\r\n    }\r\n    .drag-it-dude {\r\n      border: 5px solid #eeeeee;\r\n    }\r\n  }\r\n  .img-box2 {\r\n    margin-bottom: 25px;\r\n    width: 400px;\r\n    height: 400px;\r\n    background: white;\r\n    canvas {\r\n      width: 100%;\r\n      height: 100%;\r\n      position: relative;\r\n    }\r\n  }\r\n  .s-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n  }\r\n  .style-list {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    .list-name {\r\n      width: 150px;\r\n      text-align: left;\r\n      display: flex;\r\n      align-items: center;\r\n      font-size: 30px;\r\n    }\r\n    // .w100 {\r\n    //   width: 100px;\r\n    // }\r\n    .silder {\r\n      width: 900px;\r\n    }\r\n  }\r\n  .right {\r\n    padding: 30px 40px;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: space-between;\r\n    margin: 20px auto;\r\n    background: #000;\r\n    .resImg {\r\n      margin-bottom: 10px;\r\n      width: 500px;\r\n      height: 500px;\r\n      background: white;\r\n      img {\r\n        width: 100%;\r\n      }\r\n    }\r\n    .rignt-btn {\r\n      width: 300px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      .button-step {\r\n        margin-bottom: 20px;\r\n      }\r\n      .btn-text {\r\n        color: white;\r\n        font-size: 24px;\r\n        text-align: center;\r\n        p {\r\n          margin: 0;\r\n          &.text-top {\r\n            margin: 20px 0 10px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n.imgStyle {\r\n  width: 100%;\r\n  overflow: hidden;\r\n  div {\r\n    width: 200px;\r\n    height: 200px;\r\n    border: 4px solid black;\r\n    img {\r\n      height: 100%;\r\n      width: 100%;\r\n    }\r\n    &.click {\r\n      border: 4px solid #409eff;\r\n    }\r\n  }\r\n}\r\n.select-list {\r\n  display: flex;\r\n  justify-content: center;\r\n  > div {\r\n    width: 157px;\r\n    height: 157px;\r\n    // font-size: 12px;\r\n    display: flex;\r\n    // flex-direction: column;\r\n    // justify-content: center;\r\n    align-items: flex-start;\r\n    // text-align: center;\r\n    img {\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n  }\r\n}\r\n.czbox {\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n  align-items: center;\r\n  > div {\r\n    margin: 20px 0;\r\n  }\r\n  >button{\r\n    margin-bottom: 30px;\r\n  }\r\n  \r\n}\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./About.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./About.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./About.vue?vue&type=template&id=68239912&\"\nimport script from \"./About.vue?vue&type=script&lang=js&\"\nexport * from \"./About.vue?vue&type=script&lang=js&\"\nimport style0 from \"./About.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import Vue from 'vue'\r\nimport VueRouter from 'vue-router'\r\nimport About from '../views/About.vue'\r\n\r\nVue.use(VueRouter)\r\n\r\nconst routes = [\r\n  { path: '/', redirect: '/RenderEngine'},\r\n  {\r\n    path: '/RenderEngine',\r\n    name: 'About',\r\n    component: About,\r\n  }\r\n]\r\n\r\nconst router = new VueRouter({\r\n  base: process.env.BASE_URL,\r\n  routes\r\n})\r\n\r\nexport default router\r\n","export default(Vue) => {\r\n    Vue.directive('touch', {\r\n        bind: function (el, binding, vnode) {\r\n            let type = binding.arg; // 传入点击的类型\r\n            let coordinate = {} // 记录坐标点的对象\r\n            let timeOutTap;\r\n            let timeOutLong;\r\n            let scaleSize; // 缩放尺寸\r\n            let displacement = {}; //移动的位移\r\n            // 勾股定理计算距离\r\n            function getDistance(bg, end){\r\n                return Math.sqrt(Math.pow((end.x - bg.x),2 ) + Math.pow((end.y - bg.y),2 ));\r\n            }\r\n            // 点击开始的时候\r\n            el.addEventListener('touchstart', function(e){\r\n                // 获取第一个手指点击的坐标\r\n                let x = e.touches[0].pageX;\r\n                let y = e.touches[0].pageY; \r\n                // 如果点击的时间很长，那么点击的类型就是长按 --- longTouch\r\n                timeOutLong = setTimeout(() => {\r\n                    timeOutLong = 0;\r\n                    if(type === 'longTouch'){\r\n                         binding.value.func(binding.value.param)\r\n                    }\r\n                }, 2000)\r\n                timeOutTap = setTimeout(() => {\r\n                    timeOutTap = 0;\r\n                    if(type === 'tap' && e.touches.length === 1){\r\n                         binding.value.func(binding.value.param)\r\n                    }\r\n                }, 200);\r\n                // 如果是两个手指，而且类型是缩放 --- scaleTocuh\r\n                if(e.touches.length > 1 && type === 'scaleTouch'){\r\n                    // 记录双指的间距长度\r\n                    coordinate.start =  getDistance({\r\n                        x: e.touches[0].pageX, \r\n                        y: e.touches[0].pageY,\r\n                    },{\r\n                        x: e.touches[1].pageX, \r\n                        y: e.touches[1].pageY,\r\n                    })\r\n                    return\r\n                }\r\n                // 如果是移动的话，还要记录下来最开始的位置,只能一个手指位移\r\n                if(type === 'slideTouch' && e.touches.length == 1){\r\n                    displacement.start = {\r\n                        x: e.touches[0].pageX,\r\n                        y: e.touches[0].pageY,\r\n                    }\r\n                }\r\n                e.preventDefault()\r\n            }, false)\r\n            el.addEventListener('touchmove', function(e){\r\n                clearTimeout(timeOutTap)\r\n                clearTimeout(timeOutLong)\r\n                timeOutTap = 0; timeOutLong = 0;\r\n                // 如果是缩放类型\r\n                if(type == 'scaleTouch' && e.touches.length === 2){\r\n                    displacement = {};\r\n                    // 计算移动过程中的两个手指的距离\r\n                    coordinate.stop = getDistance({\r\n                        x: e.touches[0].pageX, \r\n                        y: e.touches[0].pageY,\r\n                    },{\r\n                        x: e.touches[1].pageX, \r\n                        y: e.touches[1].pageY,\r\n                    })\r\n                    // 设置缩放尺寸\r\n                    scaleSize = (coordinate.stop / coordinate.start)  - 1;\r\n                    // 这里设置图片不能无限放大与缩小\r\n                    // 这里设置放大缩小速度慢一点，所以 /4一下\r\n                    binding.value.func(scaleSize*10, 'scaleTouch');\r\n                    coordinate.start = getDistance({\r\n                        x: e.touches[0].pageX, \r\n                        y: e.touches[0].pageY,\r\n                    },{\r\n                        x: e.touches[1].pageX, \r\n                        y: e.touches[1].pageY,\r\n                    })\r\n                }\r\n                // 如果是移动类型\r\n                if(type == 'slideTouch' && e.touches.length === 1 ){\r\n                    if(!displacement.start.x){\r\n                        return\r\n                    }\r\n                    displacement.end = {\r\n                        x: e.changedTouches[0].pageX,\r\n                        y: e.changedTouches[0].pageY,\r\n                    }\r\n                    binding.value.func({x:displacement.end.x - displacement.start.x, y: displacement.end.y - displacement.start.y, is_endMove : false},'slideTouch')\r\n                    displacement.start={\r\n                        x:displacement.end.x,\r\n                        y:displacement.end.y,\r\n                    }\r\n                }\r\n                e.preventDefault()\r\n            }, false)\r\n            el.addEventListener('touchend', function(e){\r\n                if(type === 'scaleTouch'){\r\n                    binding.value.func(0, true)\r\n                }\r\n                if(type === 'slideTouch'){\r\n                    binding.value.func({x:0, y: 0, is_endMove : true},'slideTouch')\r\n                }\r\n                e.preventDefault()\r\n            }, false)\r\n        }\r\n    })\r\n}","import Vue from 'vue'\r\nimport App from './App.vue'\r\nimport router from './router'\r\nimport axios from 'axios'\r\nVue.prototype.$axios = axios \r\nimport { Button, Upload, Slider, Switch, Radio  } from 'element-ui';\r\nimport 'lib-flexible'\r\nimport myTouch from './mytouch.js'\r\nmyTouch(Vue)\r\n\r\nVue.use(Upload)\r\nVue.use(Slider)\r\nVue.use(Switch)\r\nVue.use(Button)\r\nVue.use(Radio)\r\n\r\nVue.config.productionTip = false\r\n\r\nnew Vue({\r\n  router,\r\n  render: h => h(App)\r\n}).$mount('#app')\r\n","import mod from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/color_act.6725d514.png\";","module.exports = __webpack_public_path__ + \"img/bright.d2bdcde4.png\";","module.exports = __webpack_public_path__ + \"img/sat_act.07c23778.png\";","module.exports = __webpack_public_path__ + \"img/exp_act.b45522f1.png\";","module.exports = __webpack_public_path__ + \"img/color.1315b0e7.png\";","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./About.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./About.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}