{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/App.vue?2db7","webpack:///./src/App.vue","webpack:///./src/views/About.vue?bd9f","webpack:///src/views/About.vue","webpack:///./src/views/About.vue?4206","webpack:///./src/views/About.vue","webpack:///./src/router/index.js","webpack:///./src/main.js","webpack:///./src/App.vue?f446","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","ref","ruleForm","style","height","dragwidth","width","left","top","on","handleDropped","_e","$event","stopPropagation","hang","_v","beforeAvatarUpload","err","model","callback","$$v","$set","expression","slot","_s","arr","min","max","input","_m","color","radio","src","previewURL","uplod","updata","btnChangeEnable","toCart","Vue","use","VueRouter","routes","path","redirect","About","router","base","process","$axios","axios","config","productionTip","render","h","App","$mount"],"mappings":"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","file":"js/app.c44fc5a1.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","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=01c7a4e8&\"\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('div',{staticClass:\"img-con\"},[_c('div',[_c('div',{ref:\"imgBox1\",staticClass:\"img-box1\"},[_c('canvas',{ref:\"canvas\"}),(_vm.ruleForm.coverUrl)?_c('drag-it-dude',{ref:\"drag\",style:({\n                            height: _vm.dragwidth + 'rem',\n                            width: _vm.dragwidth + 'rem',\n                            left: '0px',\n                            top: '0px',\n                        }),on:{\"dropped\":_vm.handleDropped}}):_vm._e(),_c('div',{staticClass:\"left btn\",on:{\"touchstart\":function($event){$event.stopPropagation();return _vm.hang($event)},\"touchend\":function($event){$event.stopPropagation();return _vm.hang($event)},\"mousedown\":function($event){$event.stopPropagation();return _vm.hang($event)},\"mouseup\":function($event){$event.stopPropagation();return _vm.hang($event)}}}),_c('div',{staticClass:\"top btn\",on:{\"touchstart\":function($event){$event.stopPropagation();return _vm.hang($event)},\"touchend\":function($event){$event.stopPropagation();return _vm.hang($event)},\"mousedown\":function($event){$event.stopPropagation();return _vm.hang($event)},\"mouseup\":function($event){$event.stopPropagation();return _vm.hang($event)}}}),_c('div',{staticClass:\"right btn\",on:{\"touchstart\":function($event){$event.stopPropagation();return _vm.hang($event)},\"touchend\":function($event){$event.stopPropagation();return _vm.hang($event)},\"mousedown\":function($event){$event.stopPropagation();return _vm.hang($event)},\"mouseup\":function($event){$event.stopPropagation();return _vm.hang($event)}}}),_c('div',{staticClass:\"bottom btn\",on:{\"touchstart\":function($event){$event.stopPropagation();return _vm.hang($event)},\"touchend\":function($event){$event.stopPropagation();return _vm.hang($event)},\"mousedown\":function($event){$event.stopPropagation();return _vm.hang($event)},\"mouseup\":function($event){$event.stopPropagation();return _vm.hang($event)}}})],1),_c('div',{staticClass:\"button-step box1\"},[_c('div',{staticClass:\"btn btn1\"},[_vm._v(\"1\")]),_c('el-upload',{staticClass:\"avatar-uploader\",attrs:{\"action\":\"\",\"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(\"Load Picture\")])],1),_c('div',{staticClass:\"s-list list-top\"},[_c('div',{staticClass:\"style-list\"},[_c('div',{staticClass:\"list-name w100\"},[_vm._v(_vm._s(_vm.arr[0].name))]),_c('div',[_c('el-slider',{staticClass:\"silder\",attrs:{\"min\":_vm.arr[0].min,\"max\":_vm.arr[0].max},on:{\"change\":function($event){return _vm.input(0)}},model:{value:(_vm.arr[0].val),callback:function ($$v) {_vm.$set(_vm.arr[0], \"val\", $$v)},expression:\"arr[0].val\"}})],1)]),_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)])])],1)]),_c('div',[_c('div',{staticClass:\"s-list\"},[_vm._m(0),_c('div',{staticClass:\"style-list\"},[_c('div',[_c('el-radio',{attrs:{\"size\":\"medium\",\"label\":\"1\"},on:{\"change\":_vm.color},model:{value:(_vm.radio),callback:function ($$v) {_vm.radio=$$v},expression:\"radio\"}},[_vm._v(\"Color\")]),_c('el-radio',{attrs:{\"size\":\"medium\",\"label\":\"2\"},on:{\"change\":_vm.color},model:{value:(_vm.radio),callback:function ($$v) {_vm.radio=$$v},expression:\"radio\"}},[_vm._v(\"Grayscale\")])],1)]),_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},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)]),_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)]),_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)])]),_c('div',{staticClass:\"img-box2\"},[_c('canvas',{ref:\"canvas2\"})])])])]),_c('div',{staticClass:\"right\"},[_c('div',{staticClass:\"resImg\"},[_c('img',{attrs:{\"src\":_vm.src.previewURL,\"alt\":\"\"}})]),_c('div',{staticClass:\"rignt-btn\"},[_c('div',{staticClass:\"button-step\"},[_c('div',{staticClass:\"btn btn3\"},[_vm._v(\"3\")]),_c('el-button',{attrs:{\"size\":\"small\",\"loading\":_vm.uplod,\"type\":\"primary\"},on:{\"click\":function($event){return _vm.updata()}}},[_vm._v(\"dotidoodle it \")])],1),_vm._m(1),_c('el-button',{attrs:{\"size\":\"small\",\"disabled\":_vm.btnChangeEnable,\"type\":\"primary\"},on:{\"click\":function($event){return _vm.toCart()}}},[_vm._v(\"Add To Cart \")])],1)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"s-list-tit button-step\"},[_c('div',{staticClass:\"button-step-text\"},[_c('div',{staticClass:\"btn btn2\"},[_vm._v(\"2\")]),_vm._v(\" ADJUSTMENTS \")])])},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\")]),_c('p',[_vm._v(\"until you love, love, love it.\")]),_c('p',{staticClass:\"text-top\"},[_vm._v(\"Once you are happy\")])])}]\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"about\">\n        <div class=\"left\">\n            <div class=\"img-con\">\n                <div>\n                    <div class=\"img-box1\" ref=\"imgBox1\">\n                        <canvas ref=\"canvas\"></canvas>\n                        <!-- <div class=\"x-box\"></div>  @dragging=\"handleDragging\"-->\n                        <drag-it-dude\n                            v-if=\"ruleForm.coverUrl\"\n                            ref=\"drag\"\n                            @dropped=\"handleDropped\"\n                            v-bind:style=\"{\n                                height: dragwidth + 'rem',\n                                width: dragwidth + 'rem',\n                                left: '0px',\n                                top: '0px',\n                            }\"\n                        >\n                        </drag-it-dude>\n                        <div\n                            class=\"left btn\"\n                            @touchstart.stop=\"hang\"\n                            @touchend.stop=\"hang\"\n                            @mousedown.stop=\"hang\"\n                            @mouseup.stop=\"hang\"\n                        ></div>\n                        <div\n                            class=\"top btn\"\n                            @touchstart.stop=\"hang\"\n                            @touchend.stop=\"hang\"\n                            @mousedown.stop=\"hang\"\n                            @mouseup.stop=\"hang\"\n                        ></div>\n                        <div\n                            class=\"right btn\"\n                            @touchstart.stop=\"hang\"\n                            @touchend.stop=\"hang\"\n                            @mousedown.stop=\"hang\"\n                            @mouseup.stop=\"hang\"\n                        ></div>\n                        <div\n                            class=\"bottom btn\"\n                            @touchstart.stop=\"hang\"\n                            @touchend.stop=\"hang\"\n                            @mousedown.stop=\"hang\"\n                            @mouseup.stop=\"hang\"\n                        ></div>\n                    </div>\n                    <div class=\"button-step box1\">\n                        <div class=\"btn btn1\">1</div>\n                        <el-upload\n                            class=\"avatar-uploader\"\n                            action=\"\"\n                            :show-file-list=\"false\"\n                            :before-upload=\"beforeAvatarUpload\"\n                            v-model=\"ruleForm.coverFile\"\n                            :on-error=\"err\"\n                        >\n                            <el-button\n                                slot=\"trigger\"\n                                size=\"small\"\n                                type=\"primary\"\n                                >Load Picture</el-button\n                            >\n                        </el-upload>\n                        <div class=\"s-list list-top\">\n                            <div class=\"style-list\">\n                            <div class=\"list-name w100\">{{ arr[0].name }}</div>\n                            <div>\n                                <el-slider\n                                    @change=\"input(0)\"\n                                    class=\"silder\"\n                                    :min=\"arr[0].min\"\n                                    :max=\"arr[0].max\"\n                                    v-model=\"arr[0].val\"\n                                ></el-slider>\n                            </div>\n                        </div>\n                        <div class=\"style-list\">\n                            <div class=\"list-name w100\">{{ arr[1].name }}</div>\n                            <div>\n                                <el-slider\n                                    @change=\"input(1)\"\n                                    class=\"silder\"\n                                    :min=\"arr[1].min\"\n                                    :max=\"arr[1].max\"\n                                    v-model=\"arr[1].val\"\n                                ></el-slider>\n                            </div>\n                        </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div>\n                    <div class=\"s-list\">\n                        <div class=\"s-list-tit button-step\">\n                            <div class=\"button-step-text\">\n                                <div class=\"btn btn2\">2</div>\n                                ADJUSTMENTS\n                            </div>\n                        </div>\n                        <div class=\"style-list\">\n                            <div>\n                                <el-radio\n                                    @change=\"color\"\n                                    size=\"medium\"\n                                    v-model=\"radio\"\n                                    label=\"1\"\n                                    >Color</el-radio\n                                >\n                                <el-radio\n                                    @change=\"color\"\n                                    size=\"medium\"\n                                    v-model=\"radio\"\n                                    label=\"2\"\n                                    >Grayscale</el-radio\n                                >\n                            </div>\n                        </div>\n                        <div class=\"style-list\">\n                            <div class=\"list-name\">{{ arr[2].name }}</div>\n                            <div>\n                                <el-slider\n                                    @change=\"input(2)\"\n                                    class=\"silder\"\n                                    :min=\"arr[2].min\"\n                                    :max=\"arr[2].max\"\n                                    v-model=\"arr[2].val\"\n                                ></el-slider>\n                            </div>\n                        </div>\n                        <div class=\"style-list\">\n                            <div class=\"list-name\">{{ arr[3].name }}</div>\n                            <div>\n                                <el-slider\n                                    @change=\"input(3)\"\n                                    class=\"silder\"\n                                    :min=\"arr[3].min\"\n                                    :max=\"arr[3].max\"\n                                    v-model=\"arr[3].val\"\n                                ></el-slider>\n                            </div>\n                        </div>\n                        <div class=\"style-list\">\n                            <div class=\"list-name\">{{ arr[4].name }}</div>\n                            <div>\n                                <el-slider\n                                    @change=\"input(4)\"\n                                    class=\"silder\"\n                                    :min=\"arr[4].min\"\n                                    :max=\"arr[4].max\"\n                                    v-model=\"arr[4].val\"\n                                ></el-slider>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"img-box2\">\n                        <canvas ref=\"canvas2\"></canvas>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"right\">\n            <div class=\"resImg\">\n                <img :src=\"src.previewURL\" alt=\"\" />\n            </div>\n            <div class=\"rignt-btn\">\n                <div class=\"button-step\">\n                    <div class=\"btn btn3\">3</div>\n                    <el-button\n                        size=\"small\"\n                        :loading=\"uplod\"\n                        @click=\"updata()\"\n                        type=\"primary\"\n                        >dotidoodle it\n                    </el-button>\n                </div>\n                <div class=\"btn-text\">\n                    <p>Keep playing and creating</p>\n                    <p>until you love, love, love it.</p>\n                    <p class=\"text-top\">Once you are happy</p>\n                </div>\n                <el-button\n                    size=\"small\"\n                    :disabled=\"btnChangeEnable\"\n                    @click=\"toCart()\"\n                    type=\"primary\"\n                    >Add To Cart\n                </el-button>\n            </div>\n        </div>\n    </div>\n</template>\n<script>\nimport DragItDude from \"vue-drag-it-dude\";\nexport default {\n    name: \"About\",\n    components: {\n        DragItDude,\n    },\n    data() {\n        return {\n            ruleForm: {\n                coverUrl: \"\",\n                coverFile: \"\",\n            },\n            img1200: \"\",\n            img480: \"\",\n            uplod: false,\n            top: 0,\n            left: 0,\n            value1: 0,\n            height: \"200\",\n            canvasHeight: \"200\",\n            dragwidth: 16.22222,\n            rotate: 0,\n            scale: 1,\n            radio: \"1\",\n            btnChangeEnable: true,\n            src: {},\n            onoff: true,\n            Grayscaleoff: false,\n            ele: null,\n            interval: null,\n            arr: [\n                {\n                    name: \"Scale\",\n                    val: 50,\n                },\n                {\n                    name: \"Rotate\",\n                    val: 50,\n                },\n                // {\n                //     name: \"Grayscale\",\n                //     val: 0,\n                //     onoff: true,\n                // },\n                {\n                    name: \"Brightness\",\n                    val: 50,\n                },\n                {\n                    name: \"Contrast\",\n                    val: 50,\n                },\n                {\n                    name: \"Saturation\",\n                    val: 100,\n                    max: 200,\n                    min: 50,\n                },\n            ],\n        };\n    },\n    methods: {\n        beforeAvatarUpload(file) {\n            this.ruleForm.coverFile = file;\n            this.imagePreview(this.ruleForm.coverFile);\n            return false;\n        },\n        imagePreview: function (file) {\n            var self = this;\n            //定义一个文件阅读器\n            var reader = new FileReader();\n            //文件装载后将其显示在图片预览里\n            reader.onload = function (e) {\n                //将bade64位图片保存至数组里供上面图片显示\n                self.ruleForm.coverUrl = e.target.result;\n                self.initCanvas();\n            };\n            reader.readAsDataURL(file);\n        },\n        err(err) {\n            console.log(JSON.parse(err));\n        },\n        initCanvas() {\n            var canvas = this.$refs.canvas;\n            var ctx = canvas.getContext(\"2d\");\n            canvas.width = 1200;\n            canvas.height = 1200;\n            ctx.fillStyle = \"#fff\";\n            ctx.fillRect(0, 0, canvas.width, canvas.height);\n            ctx.translate(1200 / 2, 1200 / 2);\n            ctx.rotate((this.rotate * Math.PI) / 180);\n            var self = this;\n            var img = new Image();\n            img.src = self.ruleForm.coverUrl;\n            img.onload = function () {\n                var s = img.height / img.width;\n                if (s > 1) {\n                    ctx.drawImage(\n                        img,\n                        600 - ((1200 / img.height) * img.width) / 2 - 600,\n                        -600,\n                        (1200 / img.height) * img.width,\n                        1200\n                    );\n                } else if (s < 1) {\n                    ctx.drawImage(\n                        img,\n                        -600,\n                        600 - (1200 * img.height) / img.width / 2 - 600,\n                        1200,\n                        (1200 * img.height) / img.width\n                    );\n                } else {\n                    ctx.drawImage(img, -600, -600, 1200, s * 1200);\n                }\n\n                // self.updata(canvas)\n                self.img1200 = canvas.toDataURL(\"image/jpeg\");\n                self.generateCanvas();\n            };\n        },\n        rgbToHsl: function (r, g, b) {\n            (r /= 255), (g /= 255), (b /= 255);\n            var max = Math.max(r, g, b),\n                min = Math.min(r, g, b);\n            var h,\n                s,\n                l = (max + min) / 2;\n\n            if (max == min) {\n                h = s = 0; // achromatic\n            } else {\n                var d = max - min;\n                s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\n                switch (max) {\n                    case r:\n                        h = (g - b) / d + (g < b ? 6 : 0);\n                        break;\n                    case g:\n                        h = (b - r) / d + 2;\n                        break;\n                    case b:\n                        h = (r - g) / d + 4;\n                        break;\n                }\n                h /= 6;\n            }\n            return [\n                Math.floor(h * 100),\n                Math.round(s * 100),\n                Math.round(l * 100),\n            ];\n        },\n        hslToRgb: function (h, s, l) {\n            var r, g, b;\n\n            if (s == 0) {\n                r = g = b = l; // achromatic\n            } else {\n                var hue2rgb = function hue2rgb(p, q, t) {\n                    if (t < 0) t += 1;\n                    if (t > 1) t -= 1;\n                    if (t < 1 / 6) return p + (q - p) * 6 * t;\n                    if (t < 1 / 2) return q;\n                    if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;\n                    return p;\n                };\n\n                var q = l < 0.5 ? l * (1 + s) : l + s - l * s;\n                var p = 2 * l - q;\n                r = hue2rgb(p, q, h + 1 / 3);\n                g = hue2rgb(p, q, h);\n                b = hue2rgb(p, q, h - 1 / 3);\n            }\n\n            return [\n                Math.round(r * 255),\n                Math.round(g * 255),\n                Math.round(b * 255),\n            ];\n        },\n        generateCanvas() {\n            var canvas = this.$refs.canvas2;\n            var ctx = canvas.getContext(\"2d\");\n            canvas.width = 480;\n            canvas.height = 480;\n            ctx.fillStyle = \"#fff\";\n            ctx.fillRect(0, 0, canvas.width, canvas.height);\n            var self = this;\n            var img = new Image();\n            img.src = this.img1200;\n            img.onload = function () {\n                var pixels;\n                console.log(\n                    (self.arr[0].val / 100) * 1200,\n                    (self.arr[0].val / 100) * 1200\n                );\n                ctx.drawImage(\n                    img,\n                    self.left*1200,\n                    self.top*1200,\n                    (self.arr[0].val / 100) * 1200,\n                    (self.arr[0].val / 100) * 1200,\n                    0,\n                    0,\n                    480,\n                    480\n                );\n                pixels = ctx.getImageData(0, 0, 480, 480);\n                var pixeldata = pixels.data;\n                var c = (self.arr[3].val - 50) / 100;\n                var Br = (self.arr[2].val - 50) / 100;\n                for (var i = 0, len = pixeldata.length; i < len; i += 4) {\n                    if (self.Grayscaleoff) {\n                        var gray =\n                            (pixels.data[i] * 38 +\n                                pixels.data[i + 1] * 75 +\n                                pixels.data[i + 2] * 15) >>\n                            7;\n                        pixels.data[i] = gray;\n                        pixels.data[i + 1] = gray;\n                        pixels.data[i + 2] = gray;\n                    }\n                    var k = Math.tan(((45 + 44 * c) / 180) * Math.PI);\n                    pixels.data[i] = self.goodcolor(\n                        (pixels.data[i] - 127.5 * (1 - Br)) * k +\n                            127.5 * (1 + Br)\n                    );\n                    pixels.data[i + 1] = self.goodcolor(\n                        (pixels.data[i + 1] - 127.5 * (1 - Br)) * k +\n                            127.5 * (1 + Br)\n                    );\n                    pixels.data[i + 2] = self.goodcolor(\n                        (pixels.data[i + 2] - 127.5 * (1 - Br)) * k +\n                            127.5 * (1 + Br)\n                    );\n\n                    var hslarr = self.rgbToHsl(\n                        pixels.data[i],\n                        pixels.data[i + 1],\n                        pixels.data[i + 2]\n                    );\n                    var h = Math.round(hslarr[0]) / 100; //色调，处理成0-1之前数据\n                    var s = Math.round(hslarr[1]) / 100; //饱和度\n                    var l = Math.round(hslarr[2]) / 100; //亮度\n                    var s2 = s * 0.01 * self.arr[4].val;\n                    s = s2 > 1 ? 1 : s2 < 0 ? 0 : s2;\n                    var rgbarr = self.hslToRgb(h, s, l);\n                    pixels.data[i] = rgbarr[0];\n                    pixels.data[i + 1] = rgbarr[1];\n                    pixels.data[i + 2] = rgbarr[2];\n                }\n                ctx.putImageData(pixels, 0, 0);\n                self.img480 = canvas.toDataURL(\"image/jpeg\");\n            };\n        },\n        imageDraw: function () {},\n        goodcolor: function (num) {\n            var x = num;\n            if (num > 255) {\n                x = 255;\n            } else if (num < 0) {\n                x = 0;\n            }\n            return x;\n        },\n\n        handleDropped() {\n            this.left = parseInt(this.$refs.drag.elem.style.left)/parseInt(this.$refs.imgBox1.clientWidth );\n            this.top = parseInt(this.$refs.drag.elem.style.top)/parseInt(this.$refs.imgBox1.clientWidth );\n            this.generateCanvas();\n        },\n        grayscale() {\n            this.generateCanvas();\n        },\n        color(index) {\n            if (index == 2) {\n                this.Grayscaleoff = true;\n            } else {\n                this.Grayscaleoff = false;\n            }\n            this.generateCanvas();\n        },\n        input(index) {\n            if (index == 0) {\n                this.dragwidth = (this.arr[index].val / 100) * 33.33333;\n                console.log\n                this.generateCanvas();\n            } else if (index == 1) {\n                this.rotate = ((this.arr[index].val - 50) / 25) * 180;\n                this.initCanvas();\n            } else {\n                this.generateCanvas();\n            }\n        },\n        toCart() {\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}`;\n        },\n        updata: function () {\n            if (!this.img480) {\n                return;\n            }\n            this.uplod = true;\n            var img = this.img480;\n            var size = parseInt(img.length);\n            let xm = `<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n                        <SOAP-ENV:Envelope\n                            xmlns:SOAP-ENV=\"http://schemas.xmlsoap.org/soap/envelope/\"\n                            xmlns:xsd=\"http://www.w3.org/2001/XMLSchema\"\n                            xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\"\n                            xmlns:SOAP-ENC=\"http://schemas.xmlsoap.org/soap/encoding/\">\n                            <SOAP-ENV:Body\n                                xmlns:NS1=\"urn:ezm_renderIntf-Iezm_render\"\n                                SOAP-ENV:encodingStyle=\"http://schemas.xmlsoap.org/soap/encoding/\">\n                                <NS1:MRDot_HY2>\n                                    <size xsi:type=\"xsd:int\">\n                                        ${size}\n                                    </size>\n                                    <jpg xsi:type=\"xsd:base64Binary\">${img}</jpg></NS1:MRDot_HY2>\n                            </SOAP-ENV:Body>\n                        </SOAP-ENV:Envelope>`;\n            this.$axios\n                .post(\n                    \"https://mosaictool.com/render/ezmr1.dll/soap/Iezm_render\",\n                    xm\n                )\n                .then((response) => {\n                    this.uplod = false;\n                    var parser = new DOMParser();\n                    var xmlDoc = parser.parseFromString(\n                        response.data,\n                        \"text/xml\"\n                    );\n                    //获取DOM节点的标签为 dzLoginResult 的第一个节点对象\n                    var MDotResponse = xmlDoc.getElementsByTagName(\n                        \"NS2:TMRmsg\"\n                    )[0].childNodes;\n                    MDotResponse.forEach((item) => {\n                        this.src[item.nodeName] = item.innerHTML;\n                    });\n                    // xmlDoc.getElementsByTagName('msg')[0];\n                    if (this.src.msg == \"Good Request\") {\n                        this.btnChangeEnable = false;\n                    }\n                })\n                .catch((error) => {\n                    self.uplod = false;\n                });\n        },\n        hang(e) {\n            if (!this.ruleForm.coverUrl) {\n                return;\n            }\n            if (e.type == \"mouseup\") {\n                if (this.interval) {\n                    clearInterval(this.interval);\n                    this.handleDropped();\n                }\n                return;\n            }\n            var left = parseInt(this.$refs.drag.elem.style.left);\n            var top = parseInt(this.$refs.drag.elem.style.top);\n            if (e.srcElement.classList[0] == \"left\") {\n                if (left > 0) {\n                    this.$refs.drag.elem.style.left = left - 1 + \"px\";\n                } else {\n                    return;\n                }\n            } else if (e.srcElement.classList[0] == \"right\") {\n                if (left < 90) {\n                    this.$refs.drag.elem.style.left = left + 1 + \"px\";\n                } else {\n                    return;\n                }\n            } else if (e.srcElement.classList[0] == \"top\") {\n                if (top > 0) {\n                    this.$refs.drag.elem.style.top = top - 1 + \"px\";\n                } else {\n                    return;\n                }\n            } else {\n                if (top < 90) {\n                    this.$refs.drag.elem.style.top = top + 1 + \"px\";\n                } else {\n                    return;\n                }\n            }\n            this.handleDropped();\n            this.interval = setInterval(() => {\n                var left = parseInt(this.$refs.drag.elem.style.left);\n                var top = parseInt(this.$refs.drag.elem.style.top);\n\n                if (e.srcElement.classList[0] == \"left\") {\n                    if (left > 0) {\n                        this.$refs.drag.elem.style.left = left - 1 + \"px\";\n                    } else {\n                        return;\n                    }\n                } else if (e.srcElement.classList[0] == \"right\") {\n                    if (left < 90) {\n                        this.$refs.drag.elem.style.left = left + 1 + \"px\";\n                    } else {\n                        return;\n                    }\n                } else if (e.srcElement.classList[0] == \"top\") {\n                    if (top > 0) {\n                        this.$refs.drag.elem.style.top = top - 1 + \"px\";\n                    } else {\n                        return;\n                    }\n                } else {\n                    if (top < 90) {\n                        this.$refs.drag.elem.style.top = top + 1 + \"px\";\n                    } else {\n                        return;\n                    }\n                }\n            }, 30);\n        },\n    },\n};\n</script>\n<style lang=\"scss\">\n.el-radio__inner {\n    width: 24px;\n    height: 24px;\n}\n.el-radio__inner::after {\n    width: 8px;\n    height: 8px;\n}\n.el-radio__label {\n    font-size: 18px;\n}\n.el-button {\n    width: 256px;\n    height: 60px;\n    font-size: 30px;\n    border-radius: 30px;\n}\n.s-list-tit {\n    margin-bottom: 20px;\n}\n.box1 {\n    width: 40%;\n}\n.list-top{\n    margin-top: 40px;\n}\n.button-step {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    flex-wrap: wrap;\n    .button-step-text {\n        width: 100%;\n        display: flex;\n        justify-content: flex-start;\n        font-size: 30px;\n        align-items: center;\n    }\n    .btn {\n        width: 150px;\n        height: 150px;\n        border-radius: 50%;\n        margin-right: 15px;\n        font-size: 100px;\n        text-align: center;\n        line-height: 150px;\n        font-weight: 600;\n        color: white;\n    }\n    .btn1 {\n        background: #d382af;\n        margin-bottom: 50px;\n    }\n    .btn2 {\n        background: #ab1b40;\n    }\n    .btn3 {\n        margin-right: 0;\n        margin-bottom: 50px;\n        background: #662f8e;\n    }\n}\n.about {\n    border-radius: 20px;\n    .left {\n        margin: 0px auto;\n    }\n    .avatar-uploader {\n        display: inline-block;\n        margin: 0;\n    }\n    .img-con {\n        display: flex;\n        justify-content: space-between;\n        flex-wrap: wrap;\n    }\n    .img-con > div {\n        padding: 30px 40px;\n        width: 100%;\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: space-between;\n        margin-bottom: 10px;\n        background: #000;\n    }\n    .img-box1 {\n        width: 400px;\n        height: 400px;\n        position: relative;\n        margin-bottom: 50px;\n        position: relative;\n        background: white;\n        .btn {\n            position: absolute;\n            width: 30px;\n            height: 24px;\n            background: url(\"../assets/arr.png\");\n            background-size: 100% 100%;\n            &.left {\n                top: 50%;\n                left: -27px;\n                margin-top: -15px;\n                transform: rotate(90deg);\n            }\n            &.top {\n                top: -24px;\n                left: 50%;\n                margin-left: -15px;\n                transform: rotate(180deg);\n            }\n            &.right {\n                transform: rotate(270deg);\n                top: 50%;\n                right: -27px;\n                margin-top: -15px;\n                padding: 0;\n            }\n            &.bottom {\n                bottom: -24px;\n                left: 50%;\n                margin-left: -15px;\n                transform: rotate(360deg);\n            }\n        }\n        canvas {\n            width: 100%;\n            height: 100%;\n            position: relative;\n        }\n        .drag-it-dude {\n            border: 5px solid #eeeeee;\n        }\n    }\n    .img-box2 {\n        margin-bottom: 25px;\n        width: 400px;\n        height: 400px;\n        background: white;\n        canvas {\n            width: 100%;\n            height: 100%;\n            position: relative;\n        }\n    }\n    .s-list {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        flex-wrap: wrap;\n    }\n    .style-list {\n        display: flex;\n        justify-content: space-between;\n        .list-name {\n            width: 150px;\n            text-align: left;\n            display: flex;\n            align-items: center;\n            font-size: 20px;\n        }\n        .w100{\n            width: 100px;\n        }\n        .silder {\n            width: 250px;\n        }\n    }\n    .right {\n        padding: 30px 40px;\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: space-between;\n        margin: 20px auto;\n        background: #000;\n        .resImg {\n            margin-bottom: 10px;\n            width: 500px;\n            height: 500px;\n            background: white;\n            img {\n                width: 100%;\n            }\n        }\n        .rignt-btn {\n            width: 300px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            .button-step {\n                margin-bottom: 20px;\n            }\n            .btn-text {\n                color: white;\n                font-size: 24px;\n                text-align: center;\n                p {\n                    margin: 0;\n                    &.text-top {\n                        margin: 20px 0 10px;\n                    }\n                }\n            }\n        }\n    }\n}\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=a561f894&\"\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'\nimport VueRouter from 'vue-router'\nimport About from '../views/About.vue'\n\nVue.use(VueRouter)\n\nconst routes = [\n  { path: '/', redirect: '/RenderEngine'},\n  {\n    path: '/RenderEngine',\n    name: 'About',\n    component: About,\n  }\n]\n\nconst router = new VueRouter({\n  base: process.env.BASE_URL,\n  routes\n})\n\nexport default router\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\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&\"","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":""}