redhotmagma-visualization 1.41.0 → 1.42.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AlignTargetProvider.js +50 -79
- package/CommonUtils/Deferred.js +11 -38
- package/CommonUtils/Observable.js +29 -48
- package/CommonUtils/PropertyObserver.js +10 -17
- package/CommonUtils/SyncCurrentFunction.js +33 -42
- package/CommonUtils/SyncObservableEvent.js +2 -6
- package/CommonUtils/pointerEvent.js +50 -98
- package/Constants.js +6 -6
- package/DevApp.js +187 -309
- package/ExposedModules.js +2 -9
- package/FallbackVisualization.js +4 -10
- package/PrintingEffects/ColorEmbossingEffect.js +15 -26
- package/PrintingEffects/DomingEffect.js +29 -52
- package/PrintingEffects/EmbossingEffect.js +17 -29
- package/PrintingEffects/EmbroideryEffect.js +251 -362
- package/PrintingEffects/EngravingEffect.js +17 -29
- package/PrintingEffects/PrintingEffects.js +44 -73
- package/PrintingEffects/PrintingEffectsUtils.js +1 -7
- package/React/ReactBase.js +15 -47
- package/Three/Controls/OrbitControls.js +105 -126
- package/Three/Exporters/glTFExporter.js +2 -6
- package/Three/Loaders/ColladaLoader.js +202 -550
- package/Three/Loaders/MTLLoader.js +33 -64
- package/Three/Loaders/OBJLoader.js +48 -80
- package/Three/Three2D.js +750 -1014
- package/Three/Three2DLayers.js +217 -341
- package/Three/Three3D.js +530 -800
- package/Three/Three3DScene.js +484 -780
- package/Three/ThreeBase.js +145 -230
- package/Utils/DesignArea/getDesignAreaCanvasSize.js +3 -11
- package/Utils/TextureBuilder/createTextureBuilder.js +133 -193
- package/Utils/TextureBuilder/textureBuilderFunctions.js +11 -27
- package/Utils/alignToElement.js +13 -24
- package/Utils/canvasBlur.js +27 -45
- package/Utils/createAlphaMapFromAlphaChannel.js +11 -21
- package/Utils/createBakedShadow.js +38 -42
- package/Utils/createCache.js +0 -4
- package/Utils/createCanvas.js +3 -9
- package/Utils/createImageRepository.js +63 -87
- package/Utils/disposeMaterial.js +4 -14
- package/Utils/getImageSize.js +1 -2
- package/Utils/imagePreloader.js +36 -48
- package/Utils/initTextureCanvas.js +6 -18
- package/Utils/isMobileDevice.js +3 -7
- package/Utils/optimizeTextureImage.js +13 -29
- package/Utils/rememberCameraViewOffset.js +8 -11
- package/Utils/removeObject.js +0 -4
- package/Utils/restrictCameraMovement.js +2 -12
- package/Utils/setLightShadow.js +3 -5
- package/Utils/setOrthographicCameraSize.js +0 -1
- package/Utils/updateFitSizeToElement.js +4 -9
- package/VisualizationContainer.js +37 -90
- package/VisualizationInterface.js +32 -67
- package/VisualizationProvider.js +5 -15
- package/index.js +2 -9
- package/package.json +6 -7
- package/scripts/cpPublicLocal.js +7 -2
- package/src/CommonUtils/Observable.js +1 -0
- package/src/CommonUtils/pointerEvent.js +17 -0
- package/src/Constants.js +2 -0
- package/src/DevApp.js +1 -2
- package/src/Three/Three2D.js +105 -1
- package/src/Three/ThreeBase.js +31 -3
- package/src/Utils/TextureBuilder/createTextureBuilder.js +12 -3
- package/src/VisualizationContainer.js +8 -2
- package/src/index.js +2 -3
- package/visualizationAdapterCreator.js +6 -23
package/ExposedModules.js
CHANGED
|
@@ -1,26 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
4
|
-
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
7
|
+
exports.THREE = void 0;
|
|
8
8
|
Object.defineProperty(exports, "TWEEN", {
|
|
9
9
|
enumerable: true,
|
|
10
10
|
get: function get() {
|
|
11
11
|
return _tween["default"];
|
|
12
12
|
}
|
|
13
13
|
});
|
|
14
|
-
exports.THREE = void 0;
|
|
15
|
-
|
|
16
14
|
var THREE = _interopRequireWildcard(require("three"));
|
|
17
|
-
|
|
18
15
|
exports.THREE = THREE;
|
|
19
|
-
|
|
20
16
|
var _tween = _interopRequireDefault(require("@tweenjs/tween.js"));
|
|
21
|
-
|
|
22
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
23
|
-
|
|
24
18
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
25
|
-
|
|
26
19
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
package/FallbackVisualization.js
CHANGED
|
@@ -4,15 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = exports.FallbackVisualization = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
|
-
var FallbackVisualization = function FallbackVisualization(_ref) {
|
|
9
|
+
var FallbackVisualization = exports.FallbackVisualization = function FallbackVisualization(_ref) {
|
|
13
10
|
var imageSrc = _ref.imageSrc,
|
|
14
|
-
|
|
15
|
-
|
|
11
|
+
className = _ref.className,
|
|
12
|
+
classNameEmpty = _ref.classNameEmpty;
|
|
16
13
|
return imageSrc ? /*#__PURE__*/_react["default"].createElement("img", {
|
|
17
14
|
className: className,
|
|
18
15
|
src: imageSrc
|
|
@@ -20,7 +17,4 @@ var FallbackVisualization = function FallbackVisualization(_ref) {
|
|
|
20
17
|
className: classNameEmpty || className
|
|
21
18
|
});
|
|
22
19
|
};
|
|
23
|
-
|
|
24
|
-
exports.FallbackVisualization = FallbackVisualization;
|
|
25
|
-
var _default = FallbackVisualization;
|
|
26
|
-
exports["default"] = _default;
|
|
20
|
+
var _default = exports["default"] = FallbackVisualization;
|
|
@@ -4,34 +4,24 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.colorEmbossingEffect = colorEmbossingEffect;
|
|
7
|
-
|
|
8
7
|
var _createCanvas = require("../Utils/createCanvas");
|
|
9
|
-
|
|
10
8
|
var _PrintingEffectsUtils = require("./PrintingEffectsUtils");
|
|
11
|
-
|
|
9
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
12
10
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
13
|
-
|
|
14
11
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
15
|
-
|
|
16
12
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
17
|
-
|
|
18
|
-
function
|
|
19
|
-
|
|
20
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
21
|
-
|
|
13
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
14
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
22
15
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
23
|
-
|
|
24
|
-
function
|
|
25
|
-
|
|
26
|
-
function
|
|
27
|
-
|
|
28
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
29
|
-
|
|
16
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
17
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
18
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
19
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
20
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
30
21
|
function colorEmbossingEffect(srcCanvas, options) {
|
|
31
22
|
var _options$effectOption = _objectSpread({}, options.effectOptions),
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
23
|
+
_options$effectOption2 = _options$effectOption.blur,
|
|
24
|
+
blur = _options$effectOption2 === void 0 ? 4 : _options$effectOption2;
|
|
35
25
|
var shadows = [];
|
|
36
26
|
shadows.push({
|
|
37
27
|
blur: Math.max(2, 1 / options.currentZoom) * blur * 4,
|
|
@@ -41,16 +31,15 @@ function colorEmbossingEffect(srcCanvas, options) {
|
|
|
41
31
|
});
|
|
42
32
|
modifyImage(srcCanvas, shadows);
|
|
43
33
|
}
|
|
44
|
-
|
|
45
34
|
function modifyImage(srcCanvas, shadows) {
|
|
46
35
|
var _createWorkingCanvas = (0, _createCanvas.createWorkingCanvas)(srcCanvas, true),
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
36
|
+
_createWorkingCanvas2 = _slicedToArray(_createWorkingCanvas, 2),
|
|
37
|
+
imageCanvas = _createWorkingCanvas2[0],
|
|
38
|
+
ctx = _createWorkingCanvas2[1];
|
|
51
39
|
var negativeCanvas = (0, _PrintingEffectsUtils.createNegativeCanvas)(srcCanvas, "#000", imageCanvas.width, imageCanvas.height);
|
|
52
|
-
var shadowCanvas = (0, _PrintingEffectsUtils.createShadowCanvas)(negativeCanvas, shadows, imageCanvas.width, imageCanvas.height);
|
|
40
|
+
var shadowCanvas = (0, _PrintingEffectsUtils.createShadowCanvas)(negativeCanvas, shadows, imageCanvas.width, imageCanvas.height);
|
|
53
41
|
|
|
42
|
+
// Draw shadow on background
|
|
54
43
|
ctx.drawImage(shadowCanvas, 0, 0);
|
|
55
44
|
var srcCtx = srcCanvas.getContext("2d");
|
|
56
45
|
srcCtx.clearRect(0, 0, imageCanvas.width, imageCanvas.height);
|
|
@@ -1,30 +1,22 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
7
|
exports.domingEffect = domingEffect;
|
|
7
|
-
|
|
8
8
|
var _createCanvas = require("../Utils/createCanvas");
|
|
9
|
-
|
|
10
|
-
function
|
|
11
|
-
|
|
12
|
-
function
|
|
13
|
-
|
|
14
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
15
|
-
|
|
9
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
10
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
11
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
12
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
13
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
16
14
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
17
|
-
|
|
18
15
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
19
|
-
|
|
20
16
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
21
|
-
|
|
22
|
-
function
|
|
23
|
-
|
|
24
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
25
|
-
|
|
17
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
18
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
26
19
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
27
|
-
|
|
28
20
|
function domingEffect(srcCanvas) {
|
|
29
21
|
var shadows = [{
|
|
30
22
|
blur: "2px",
|
|
@@ -54,96 +46,81 @@ function domingEffect(srcCanvas) {
|
|
|
54
46
|
}];
|
|
55
47
|
modifyImage(srcCanvas, shadows);
|
|
56
48
|
}
|
|
57
|
-
|
|
58
49
|
function invertColor(color) {
|
|
59
50
|
var colorArray = color.replace(/[^\d,.]/g, "").split(",");
|
|
60
51
|
var inverted = [];
|
|
61
|
-
|
|
62
52
|
for (var k = 0; k < colorArray.length; k++) {
|
|
63
53
|
inverted[k] = 255 - colorArray[k];
|
|
64
54
|
}
|
|
65
|
-
|
|
66
55
|
return "rgb(".concat(inverted[0], ",").concat(inverted[1], ",").concat(inverted[2], ",").concat(colorArray[3], ")");
|
|
67
56
|
}
|
|
68
|
-
|
|
69
57
|
var createDropShadow = function createDropShadow(_ref) {
|
|
70
58
|
var offsetX = _ref.offsetX,
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
59
|
+
offsetY = _ref.offsetY,
|
|
60
|
+
blur = _ref.blur,
|
|
61
|
+
color = _ref.color;
|
|
74
62
|
return "drop-shadow(".concat([offsetX, offsetY, blur, color].join(" "), ")");
|
|
75
63
|
};
|
|
76
|
-
|
|
77
64
|
function modifyImage(srcCanvas, shadows) {
|
|
78
65
|
if (!shadows || shadows.length === 0) {
|
|
79
66
|
// eslint-disable-next-line no-console
|
|
80
67
|
console.warn("Could not apply effect, shadows has to be provided!");
|
|
81
68
|
return;
|
|
82
69
|
}
|
|
83
|
-
|
|
84
70
|
var _createWorkingCanvas = (0, _createCanvas.createWorkingCanvas)(srcCanvas),
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
71
|
+
_createWorkingCanvas2 = _slicedToArray(_createWorkingCanvas, 2),
|
|
72
|
+
imageCanvas = _createWorkingCanvas2[0],
|
|
73
|
+
ctx = _createWorkingCanvas2[1];
|
|
89
74
|
ctx.drawImage(srcCanvas, 0, 0);
|
|
90
75
|
var width = imageCanvas.width,
|
|
91
|
-
|
|
76
|
+
height = imageCanvas.height;
|
|
92
77
|
var diagonal = Math.sqrt(Math.pow(width, 2) + Math.pow(height, 2));
|
|
93
78
|
var rectHeight = width * height / diagonal / diagonal;
|
|
94
79
|
var gradient = ctx.createLinearGradient(0, 0, height, width);
|
|
95
80
|
gradient.addColorStop(0, "rgba(0,0,0,0)");
|
|
96
81
|
gradient.addColorStop(rectHeight - 0.005, "rgba(0,0,0,0)");
|
|
97
82
|
gradient.addColorStop(1, "rgba(0,0,0,1)");
|
|
98
|
-
|
|
99
83
|
var _createWorkingCanvas3 = (0, _createCanvas.createWorkingCanvas)(imageCanvas),
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
84
|
+
_createWorkingCanvas4 = _slicedToArray(_createWorkingCanvas3, 2),
|
|
85
|
+
shadowCanvas = _createWorkingCanvas4[0],
|
|
86
|
+
shadowContext = _createWorkingCanvas4[1];
|
|
104
87
|
shadowContext.strokeStyle = gradient;
|
|
105
88
|
shadowContext.lineWidth = 8;
|
|
106
89
|
shadowContext.strokeRect(0, 0, width, height);
|
|
107
|
-
|
|
108
90
|
for (var i = 0; i < shadows.length; i++) {
|
|
109
91
|
shadowContext.filter = createDropShadow(shadows[i]);
|
|
110
92
|
shadowContext.drawImage(shadowCanvas, 0, 0);
|
|
111
93
|
ctx.drawImage(shadowCanvas, 0, 0);
|
|
112
94
|
}
|
|
113
|
-
|
|
114
95
|
var gradient2 = ctx.createLinearGradient(0, 0, height, width);
|
|
115
96
|
gradient2.addColorStop(0, "rgba(255,255,255,1)");
|
|
116
97
|
gradient2.addColorStop(rectHeight + 0.005, "rgba(255,255,255,0)");
|
|
117
98
|
gradient2.addColorStop(1, "rgba(255,255,255,0)");
|
|
118
|
-
|
|
119
99
|
var _createWorkingCanvas5 = (0, _createCanvas.createWorkingCanvas)(imageCanvas),
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
100
|
+
_createWorkingCanvas6 = _slicedToArray(_createWorkingCanvas5, 2),
|
|
101
|
+
shadowCanvas2 = _createWorkingCanvas6[0],
|
|
102
|
+
shadowContext2 = _createWorkingCanvas6[1];
|
|
124
103
|
shadowContext2.strokeStyle = gradient2;
|
|
125
104
|
shadowContext2.lineWidth = 8;
|
|
126
105
|
shadowContext2.strokeRect(0, 0, width, height);
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
shadowContext2.filter = createDropShadow(_objectSpread(_objectSpread({}, shadows[_i2]), {}, {
|
|
106
|
+
for (var _i = 0; _i < shadows.length; _i++) {
|
|
107
|
+
var invertedColor = invertColor(shadows[_i].color);
|
|
108
|
+
shadowContext2.filter = createDropShadow(_objectSpread(_objectSpread({}, shadows[_i]), {}, {
|
|
131
109
|
color: invertedColor
|
|
132
110
|
}));
|
|
133
111
|
shadowContext2.drawImage(shadowCanvas2, 0, 0);
|
|
134
112
|
ctx.drawImage(shadowCanvas2, 0, 0);
|
|
135
113
|
}
|
|
136
|
-
|
|
137
114
|
var _createWorkingCanvas7 = (0, _createCanvas.createWorkingCanvas)(imageCanvas),
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
115
|
+
_createWorkingCanvas8 = _slicedToArray(_createWorkingCanvas7, 2),
|
|
116
|
+
lighterCanvas = _createWorkingCanvas8[0],
|
|
117
|
+
lighterContext = _createWorkingCanvas8[1];
|
|
142
118
|
lighterContext.fillStyle = "rgba(0,0,0,0.1)";
|
|
143
119
|
lighterContext.fillRect(0, 0, width, height);
|
|
144
120
|
ctx.globalCompositeOperation = "destination-out";
|
|
145
|
-
ctx.drawImage(lighterCanvas, 0, 0);
|
|
121
|
+
ctx.drawImage(lighterCanvas, 0, 0);
|
|
146
122
|
|
|
123
|
+
// copy the created image over the src canvas
|
|
147
124
|
var srcCtx = srcCanvas.getContext("2d");
|
|
148
125
|
srcCtx.clearRect(0, 0, width, height);
|
|
149
126
|
srcCtx.drawImage(imageCanvas, 0, 0);
|
|
@@ -4,36 +4,26 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.embossingEffect = embossingEffect;
|
|
7
|
-
|
|
8
7
|
var _createCanvas = require("../Utils/createCanvas");
|
|
9
|
-
|
|
10
8
|
var _PrintingEffectsUtils = require("./PrintingEffectsUtils");
|
|
11
|
-
|
|
9
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
12
10
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
13
|
-
|
|
14
11
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
15
|
-
|
|
16
12
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
17
|
-
|
|
18
|
-
function
|
|
19
|
-
|
|
20
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
21
|
-
|
|
13
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
14
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
22
15
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
23
|
-
|
|
24
|
-
function
|
|
25
|
-
|
|
26
|
-
function
|
|
27
|
-
|
|
28
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
29
|
-
|
|
16
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
17
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
18
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
19
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
20
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
30
21
|
function embossingEffect(srcCanvas, options) {
|
|
31
22
|
var _options$effectOption = _objectSpread({}, options.effectOptions),
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
23
|
+
_options$effectOption2 = _options$effectOption.fillColor,
|
|
24
|
+
fillColor = _options$effectOption2 === void 0 ? "transparent" : _options$effectOption2,
|
|
25
|
+
_options$effectOption3 = _options$effectOption.blur,
|
|
26
|
+
blur = _options$effectOption3 === void 0 ? 4 : _options$effectOption3;
|
|
37
27
|
var shadows = [];
|
|
38
28
|
shadows.push({
|
|
39
29
|
blur: Math.max(2, 1 / options.currentZoom) * blur * 4,
|
|
@@ -43,22 +33,20 @@ function embossingEffect(srcCanvas, options) {
|
|
|
43
33
|
});
|
|
44
34
|
modifyImage(srcCanvas, shadows, fillColor);
|
|
45
35
|
}
|
|
46
|
-
|
|
47
36
|
function modifyImage(srcCanvas, shadows, fillColor) {
|
|
48
37
|
var _createWorkingCanvas = (0, _createCanvas.createWorkingCanvas)(srcCanvas),
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
38
|
+
_createWorkingCanvas2 = _slicedToArray(_createWorkingCanvas, 2),
|
|
39
|
+
imageCanvas = _createWorkingCanvas2[0],
|
|
40
|
+
ctx = _createWorkingCanvas2[1];
|
|
53
41
|
if (fillColor !== undefined) {
|
|
54
42
|
var backgroundCanvas = (0, _PrintingEffectsUtils.createBackgroundCanvas)(srcCanvas, fillColor, imageCanvas.width, imageCanvas.height);
|
|
55
43
|
var negativeCanvas = (0, _PrintingEffectsUtils.createNegativeCanvas)(srcCanvas, "#000", imageCanvas.width, imageCanvas.height);
|
|
56
|
-
var shadowCanvas = (0, _PrintingEffectsUtils.createShadowCanvas)(negativeCanvas, shadows, imageCanvas.width, imageCanvas.height);
|
|
44
|
+
var shadowCanvas = (0, _PrintingEffectsUtils.createShadowCanvas)(negativeCanvas, shadows, imageCanvas.width, imageCanvas.height);
|
|
57
45
|
|
|
46
|
+
// Draw shadow on background
|
|
58
47
|
ctx.drawImage(backgroundCanvas, 0, 0);
|
|
59
48
|
ctx.drawImage(shadowCanvas, 0, 0);
|
|
60
49
|
}
|
|
61
|
-
|
|
62
50
|
var srcCtx = srcCanvas.getContext("2d");
|
|
63
51
|
srcCtx.clearRect(0, 0, imageCanvas.width, imageCanvas.height);
|
|
64
52
|
srcCtx.drawImage(imageCanvas, 0, 0);
|