dic-writing-pad/dist/main.bundle.js

兼容手写笔的手写板

/*! 最终版权归dicyan所有 */
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.ThreeBd=t():e.ThreeBd=t()}(self,function(){"use strict";var n={"./node_modules/_css-loader@5.2.4@css-loader/dist/cjs.js!./src/css/index.css":
/*!***********************************************************************************!*\
  !*** ./node_modules/_css-loader@5.2.4@css-loader/dist/cjs.js!./src/css/index.css ***!
  \***********************************************************************************/function(e,t,n){n.r(t),n.d(t,{default:function(){return r}});var o=n(/*! ../../node_modules/_css-loader@5.2.4@css-loader/dist/runtime/cssWithMappingToString.js */"./node_modules/_css-loader@5.2.4@css-loader/dist/runtime/cssWithMappingToString.js"),t=n.n(o),o=n(/*! ../../node_modules/_css-loader@5.2.4@css-loader/dist/runtime/api.js */"./node_modules/_css-loader@5.2.4@css-loader/dist/runtime/api.js"),t=n.n(o)()(t());t.push([e.id,"html,body{\r\n    margin:0;\r\n    padding:0;\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: hidden;\r\n}\r\n.dic-content-top{\r\n    position: relative;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 50vh;\r\n    background: #f5f5f5;\r\n}\r\n.dic-content-bottom{\r\n    position: relative;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 50vh;\r\n    background: #fff;\r\n}\r\n#dic-but{\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;   \r\n}","",{version:3,sources:["webpack://./src/css/index.css"],names:[],mappings:"AAAA;IACI,QAAQ;IACR,SAAS;IACT,WAAW;IACX,YAAY;IACZ,gBAAgB;AACpB;AACA;IACI,kBAAkB;IAClB,MAAM;IACN,OAAO;IACP,WAAW;IACX,YAAY;IACZ,mBAAmB;AACvB;AACA;IACI,kBAAkB;IAClB,MAAM;IACN,OAAO;IACP,WAAW;IACX,YAAY;IACZ,gBAAgB;AACpB;AACA;IACI,kBAAkB;IAClB,MAAM;IACN,OAAO;AACX",sourcesContent:["html,body{\r\n    margin:0;\r\n    padding:0;\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: hidden;\r\n}\r\n.dic-content-top{\r\n    position: relative;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 50vh;\r\n    background: #f5f5f5;\r\n}\r\n.dic-content-bottom{\r\n    position: relative;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 50vh;\r\n    background: #fff;\r\n}\r\n#dic-but{\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;   \r\n}"],sourceRoot:""}]);const r=t},"./node_modules/_css-loader@5.2.4@css-loader/dist/runtime/api.js":
/*!***********************************************************************!*\
  !*** ./node_modules/_css-loader@5.2.4@css-loader/dist/runtime/api.js ***!
  \***********************************************************************/function(e){e.exports=function(n){var c=[];return c.toString=function(){return this.map(function(e){var t=n(e);return e[2]?"@media ".concat(e[2]," {").concat(t,"}"):t}).join("")},c.i=function(e,t,n){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(n)for(var r=0;r<this.length;r++){var i=this[r][0];null!=i&&(o[i]=!0)}for(var s=0;s<e.length;s++){var a=[].concat(e[s]);n&&o[a[0]]||(t&&(a[2]?a[2]="".concat(t," and ").concat(a[2]):a[2]=t),c.push(a))}},c}},"./node_modules/_css-loader@5.2.4@css-loader/dist/runtime/cssWithMappingToString.js":
/*!******************************************************************************************!*\
  !*** ./node_modules/_css-loader@5.2.4@css-loader/dist/runtime/cssWithMappingToString.js ***!
  \******************************************************************************************/function(e){function r(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e)){var n=[],o=!0,r=!1,i=void 0;try{for(var s,a=e[Symbol.iterator]();!(o=(s=a.next()).done)&&(n.push(s.value),!t||n.length!==t);o=!0);}catch(e){r=!0,i=e}finally{try{o||null==a.return||a.return()}finally{if(r)throw i}}return n}}(e,t)||function(e,t){if(e){if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Map"===(n="Object"===n&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}e.exports=function(e){var t=r(e,4),n=t[1],o=t[3];if("function"!=typeof btoa)return[n].join("\n");e=btoa(unescape(encodeURIComponent(JSON.stringify(o)))),t="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(e),e="/*# ".concat(t," */"),t=o.sources.map(function(e){return"/*# sourceURL=".concat(o.sourceRoot||"").concat(e," */")});return[n].concat(t).concat([e]).join("\n")}},"./src/css/index.css":
/*!***************************!*\
  !*** ./src/css/index.css ***!
  \***************************/function(e,t,n){n.r(t),n.d(t,{default:function(){return r}});var o=n(/*! !../../node_modules/_style-loader@2.0.0@style-loader/dist/runtime/injectStylesIntoStyleTag.js */"./node_modules/_style-loader@2.0.0@style-loader/dist/runtime/injectStylesIntoStyleTag.js"),t=n.n(o),o=n(/*! !!../../node_modules/_css-loader@5.2.4@css-loader/dist/cjs.js!./index.css */"./node_modules/_css-loader@5.2.4@css-loader/dist/cjs.js!./src/css/index.css"),n={insert:"head",singleton:!1};t()(o.default,n);const r=o.default.locals||{}},"./node_modules/_style-loader@2.0.0@style-loader/dist/runtime/injectStylesIntoStyleTag.js":
/*!************************************************************************************************!*\
  !*** ./node_modules/_style-loader@2.0.0@style-loader/dist/runtime/injectStylesIntoStyleTag.js ***!
  \************************************************************************************************/function(e,t,r){var n,o,a=function(){return n=void 0===n?Boolean(window&&document&&document.all&&!window.atob):n},i=(o={},function(e){if(void 0===o[e]){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}o[e]=t}return o[e]}),d=[];function u(e){for(var t=-1,n=0;n<d.length;n++)if(d[n].identifier===e){t=n;break}return t}function c(e,t){for(var n={},o=[],r=0;r<e.length;r++){var i=e[r],s=t.base?i[0]+t.base:i[0],a=n[s]||0,c="".concat(s," ").concat(a);n[s]=a+1;a=u(c),i={css:i[1],media:i[2],sourceMap:i[3]};-1!==a?(d[a].references++,d[a].updater(i)):d.push({identifier:c,updater:function(t,e){var n,o,r;{var i;r=e.singleton?(i=v++,n=p=p||l(e),o=h.bind(null,n,i,!1),h.bind(null,n,i,!0)):(n=l(e),o=function(e,t,n){var o=n.css,r=n.media,n=n.sourceMap;r?e.setAttribute("media",r):e.removeAttribute("media");n&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(n))))," */"));if(e.styleSheet)e.styleSheet.cssText=o;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(o))}}.bind(null,n,e),function(){!function(e){if(null===e.parentNode)return;e.parentNode.removeChild(e)}(n)})}return o(t),function(e){e?e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap||o(t=e):r()}}(i,t),references:1}),o.push(c)}return o}function l(e){var t,n=document.createElement("style"),o=e.attributes||{};if(void 0!==o.nonce||(t=r.nc)&&(o.nonce=t),Object.keys(o).forEach(function(e){n.setAttribute(e,o[e])}),"function"==typeof e.insert)e.insert(n);else{e=i(e.insert||"head");if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(n)}return n}var s,f=(s=[],function(e,t){return s[e]=t,s.filter(Boolean).join("\n")});function h(e,t,n,o){n=n?"":o.media?"@media ".concat(o.media," {").concat(o.css,"}"):o.css;e.styleSheet?e.styleSheet.cssText=f(t,n):(o=document.createTextNode(n),(n=e.childNodes)[t]&&e.removeChild(n[t]),n.length?e.insertBefore(o,n[t]):e.appendChild(o))}var p=null,v=0;e.exports=function(e,i){(i=i||{}).singleton||"boolean"==typeof i.singleton||(i.singleton=a());var s=c(e=e||[],i);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var t=0;t<s.length;t++){var n=u(s[t]);d[n].references--}for(var e=c(e,i),o=0;o<s.length;o++){var r=u(s[o]);0===d[r].references&&(d[r].updater(),d.splice(r,1))}s=e}}}},"./src/init.js":
/*!*********************!*\
  !*** ./src/init.js ***!
  \*********************/function(e,t,n){n.r(t),n.d(t,{default:function(){return o}});const o=class{constructor(e={}){if(this.colours=e.colours||"#000",this.lineWidth=e.lineWidth||10,this.onDrading=e.onDrading||null,!e.customId)throw new Error("未指定渲染customId");this.customId=e.customId,this.DrawFigure(document.getElementById(e.customId))}DrawFigure(e){let n=this;this.canvas=e,console.log("+++",this.canvas.parentNode),this.canvas.width=this.canvas.parentNode.clientWidth,this.canvas.height=this.canvas.parentNode.clientHeight,this._ctx=this.canvas.getContext("2d"),this.lastPt={},this._handleMouseDown=function(e){n._mouseButtonDown=!0},this._handleMouseMove=function(e){var t=e.pointerId;n._mouseButtonDown&&(e=window.event||e,null!==n.onDrading&&n.onDrading(),n.lastPt[t]&&(n._ctx.beginPath(),n._ctx.moveTo(n.lastPt[t].x,n.lastPt[t].y),n._ctx.lineTo(e.offsetX,e.offsetY),n._ctx.lineCap="round",n._ctx.strokeStyle=n.colours,n._ctx.lineWidth=n.lineWidth,n._ctx.stroke()),n.lastPt[t]={x:e.offsetX,y:e.offsetY}),e.preventDefault()},this._handleMouseUp=function(e){e=e.pointerId;n._mouseButtonDown=!1,n.canvas.removeEventListener("pointermove",n.__handleMouseMove,!1),n.canvas.removeEventListener("mousemove",n.__handleMouseMove,!1),delete n.lastPt[e]},this.Init()}Init(){this._mouseButtonDown=!1,window.PointerEvent?(this.canvas.addEventListener("pointerdown",this._handleMouseDown,!1),this.canvas.addEventListener("pointermove",this._handleMouseMove,!1),this.canvas.addEventListener("pointerup",this._handleMouseUp,!1)):(this.canvas.addEventListener("mousedownn",this._handleMouseDown,!1),this.canvas.addEventListener("mousemove",this._handleMouseMove,!1),this.canvas.addEventListener("mouseup",this._handleMouseUp,!1))}ToBase64(){return this.canvas.toDataURL("image/png")}}}},o={};function r(e){var t=o[e];if(void 0!==t)return t.exports;t=o[e]={id:e,exports:{}};return n[e](t,t.exports,r),t.exports}r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return function(){
/*!**********************!*\
  !*** ./src/index.js ***!
  \**********************/
r.r(i),r.d(i,{default:function(){return t}});var e=r(/*! ./init.js */"./src/init.js");r(/*! @/css/index.css */"./src/css/index.css");const t={dicWritingPad:e.default};{let t=new e.default({customId:"dic-canvas",colours:"#00ff00",onDrading:()=>{var e=t.ToBase64();document.getElementById("dic-img").src=e}});document.getElementById("dic-but").addEventListener("click",function(){var e=t.ToBase64();document.getElementById("dic-img").src=e},!1)}}(),i.default});