redhotmagma-visualization 1.51.0 → 1.51.2
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 +21 -30
- package/CommonUtils/Deferred.js +11 -19
- package/CommonUtils/Observable.js +23 -30
- package/CommonUtils/PropertyObserver.js +4 -10
- package/CommonUtils/SyncCurrentFunction.js +25 -31
- package/CommonUtils/SyncObservableEvent.js +4 -10
- package/CommonUtils/pointerEvent.js +9 -15
- package/Constants.js +2 -8
- package/DevApp.js +224 -236
- package/ExposedModules.js +4 -19
- package/FallbackVisualization.js +5 -12
- package/PrintingEffects/ColorEmbossingEffect.js +13 -19
- package/PrintingEffects/DomingEffect.js +13 -19
- package/PrintingEffects/EmbossingEffect.js +14 -20
- package/PrintingEffects/EmbroideryEffect.js +113 -128
- package/PrintingEffects/EngravingEffect.js +14 -20
- package/PrintingEffects/PrintingEffects.js +40 -48
- package/PrintingEffects/PrintingEffectsUtils.js +4 -13
- package/React/ReactBase.js +29 -37
- package/Three/Exporters/glTFExporter.js +3 -10
- package/Three/Three2D.js +441 -470
- package/Three/Three2DLayers.js +136 -148
- package/Three/Three3D.js +285 -302
- package/Three/Three3DScene.js +326 -341
- package/Three/ThreeBase.js +92 -104
- package/Utils/DesignArea/getDesignAreaCanvasSize.js +3 -10
- package/Utils/TextureBuilder/createTextureBuilder.js +57 -69
- package/Utils/TextureBuilder/textureBuilderFunctions.js +4 -10
- package/Utils/canvasBlur.js +2 -8
- package/Utils/createAlphaMapFromAlphaChannel.js +8 -13
- package/Utils/createBakedShadow.js +18 -25
- package/Utils/createCache.js +1 -7
- package/Utils/createCanvas.js +1 -7
- package/Utils/createImageRepository.js +38 -53
- package/Utils/disposeMaterial.js +7 -12
- package/Utils/getImageSize.js +1 -7
- package/Utils/imagePreloader.js +22 -29
- package/Utils/initTextureCanvas.js +10 -17
- package/Utils/isMobileDevice.js +1 -7
- package/Utils/optimizeTextureImage.js +8 -13
- package/Utils/rememberCameraViewOffset.js +1 -7
- package/Utils/removeObject.js +3 -9
- package/Utils/restrictCameraMovement.js +5 -12
- package/Utils/setLightShadow.js +3 -9
- package/Utils/setOrthographicCameraSize.js +1 -7
- package/Utils/updateFitSizeToElement.js +5 -11
- package/VisualizationContainer.js +46 -55
- package/VisualizationInterface.js +42 -50
- package/VisualizationProvider.js +8 -15
- package/index.js +4 -7
- package/package.json +2 -2
- package/src/Three/Exporters/glTFExporter.js +1 -1
- package/src/Three/Three3D.js +4 -4
- package/src/Three/Three3DScene.js +13 -3
- package/src/Utils/restrictCameraMovement.js +1 -1
- package/visualizationAdapterCreator.js +18 -27
package/ExposedModules.js
CHANGED
|
@@ -1,19 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.THREE = void 0;
|
|
8
|
-
Object.defineProperty(exports, "TWEEN", {
|
|
9
|
-
enumerable: true,
|
|
10
|
-
get: function get() {
|
|
11
|
-
return _tween["default"];
|
|
12
|
-
}
|
|
13
|
-
});
|
|
14
|
-
var THREE = _interopRequireWildcard(require("three"));
|
|
15
|
-
exports.THREE = THREE;
|
|
16
|
-
var _tween = _interopRequireDefault(require("@tweenjs/tween.js"));
|
|
17
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
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); }
|
|
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; }
|
|
1
|
+
import * as THREE from "three";
|
|
2
|
+
import TWEEN from "@tweenjs/tween.js";
|
|
3
|
+
export { THREE };
|
|
4
|
+
export { TWEEN };
|
package/FallbackVisualization.js
CHANGED
|
@@ -1,20 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = exports.FallbackVisualization = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
9
|
-
var FallbackVisualization = exports.FallbackVisualization = function FallbackVisualization(_ref) {
|
|
1
|
+
import React from "react";
|
|
2
|
+
export var FallbackVisualization = function FallbackVisualization(_ref) {
|
|
10
3
|
var imageSrc = _ref.imageSrc,
|
|
11
4
|
className = _ref.className,
|
|
12
5
|
classNameEmpty = _ref.classNameEmpty;
|
|
13
|
-
return imageSrc ? /*#__PURE__*/
|
|
6
|
+
return imageSrc ? /*#__PURE__*/React.createElement("img", {
|
|
14
7
|
className: className,
|
|
15
8
|
src: imageSrc
|
|
16
|
-
}) : /*#__PURE__*/
|
|
9
|
+
}) : /*#__PURE__*/React.createElement("div", {
|
|
17
10
|
className: classNameEmpty || className
|
|
18
11
|
});
|
|
19
12
|
};
|
|
20
|
-
|
|
13
|
+
export default FallbackVisualization;
|
|
@@ -1,24 +1,18 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.colorEmbossingEffect = colorEmbossingEffect;
|
|
7
|
-
var _createCanvas = require("../Utils/createCanvas");
|
|
8
|
-
var _PrintingEffectsUtils = require("./PrintingEffectsUtils");
|
|
9
1
|
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); }
|
|
10
|
-
function _slicedToArray(
|
|
2
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
11
3
|
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."); }
|
|
12
|
-
function _unsupportedIterableToArray(
|
|
13
|
-
function _arrayLikeToArray(
|
|
4
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
5
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
14
6
|
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; } }
|
|
15
|
-
function _arrayWithHoles(
|
|
7
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
16
8
|
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
9
|
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(
|
|
19
|
-
function _toPropertyKey(
|
|
20
|
-
function _toPrimitive(
|
|
21
|
-
|
|
10
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
11
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
12
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
13
|
+
import { createWorkingCanvas } from "../Utils/createCanvas";
|
|
14
|
+
import { createNegativeCanvas, createShadowCanvas } from "./PrintingEffectsUtils";
|
|
15
|
+
export function colorEmbossingEffect(srcCanvas, options) {
|
|
22
16
|
var _options$effectOption = _objectSpread({}, options.effectOptions),
|
|
23
17
|
_options$effectOption2 = _options$effectOption.blur,
|
|
24
18
|
blur = _options$effectOption2 === void 0 ? 4 : _options$effectOption2;
|
|
@@ -32,12 +26,12 @@ function colorEmbossingEffect(srcCanvas, options) {
|
|
|
32
26
|
modifyImage(srcCanvas, shadows);
|
|
33
27
|
}
|
|
34
28
|
function modifyImage(srcCanvas, shadows) {
|
|
35
|
-
var _createWorkingCanvas =
|
|
29
|
+
var _createWorkingCanvas = createWorkingCanvas(srcCanvas, true),
|
|
36
30
|
_createWorkingCanvas2 = _slicedToArray(_createWorkingCanvas, 2),
|
|
37
31
|
imageCanvas = _createWorkingCanvas2[0],
|
|
38
32
|
ctx = _createWorkingCanvas2[1];
|
|
39
|
-
var negativeCanvas =
|
|
40
|
-
var shadowCanvas =
|
|
33
|
+
var negativeCanvas = createNegativeCanvas(srcCanvas, "#000", imageCanvas.width, imageCanvas.height);
|
|
34
|
+
var shadowCanvas = createShadowCanvas(negativeCanvas, shadows, imageCanvas.width, imageCanvas.height);
|
|
41
35
|
|
|
42
36
|
// Draw shadow on background
|
|
43
37
|
ctx.drawImage(shadowCanvas, 0, 0);
|
|
@@ -1,23 +1,17 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
1
|
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); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.domingEffect = domingEffect;
|
|
8
|
-
var _createCanvas = require("../Utils/createCanvas");
|
|
9
2
|
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
3
|
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(
|
|
12
|
-
function _toPropertyKey(
|
|
13
|
-
function _toPrimitive(
|
|
14
|
-
function _slicedToArray(
|
|
4
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
5
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
6
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
7
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
15
8
|
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."); }
|
|
16
|
-
function _unsupportedIterableToArray(
|
|
17
|
-
function _arrayLikeToArray(
|
|
9
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
10
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
18
11
|
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; } }
|
|
19
|
-
function _arrayWithHoles(
|
|
20
|
-
|
|
12
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
13
|
+
import { createWorkingCanvas } from "../Utils/createCanvas";
|
|
14
|
+
export function domingEffect(srcCanvas) {
|
|
21
15
|
var shadows = [{
|
|
22
16
|
blur: "2px",
|
|
23
17
|
color: "rgba(0, 0, 0, 0.5)",
|
|
@@ -67,7 +61,7 @@ function modifyImage(srcCanvas, shadows) {
|
|
|
67
61
|
console.warn("Could not apply effect, shadows has to be provided!");
|
|
68
62
|
return;
|
|
69
63
|
}
|
|
70
|
-
var _createWorkingCanvas =
|
|
64
|
+
var _createWorkingCanvas = createWorkingCanvas(srcCanvas),
|
|
71
65
|
_createWorkingCanvas2 = _slicedToArray(_createWorkingCanvas, 2),
|
|
72
66
|
imageCanvas = _createWorkingCanvas2[0],
|
|
73
67
|
ctx = _createWorkingCanvas2[1];
|
|
@@ -80,7 +74,7 @@ function modifyImage(srcCanvas, shadows) {
|
|
|
80
74
|
gradient.addColorStop(0, "rgba(0,0,0,0)");
|
|
81
75
|
gradient.addColorStop(rectHeight - 0.005, "rgba(0,0,0,0)");
|
|
82
76
|
gradient.addColorStop(1, "rgba(0,0,0,1)");
|
|
83
|
-
var _createWorkingCanvas3 =
|
|
77
|
+
var _createWorkingCanvas3 = createWorkingCanvas(imageCanvas),
|
|
84
78
|
_createWorkingCanvas4 = _slicedToArray(_createWorkingCanvas3, 2),
|
|
85
79
|
shadowCanvas = _createWorkingCanvas4[0],
|
|
86
80
|
shadowContext = _createWorkingCanvas4[1];
|
|
@@ -96,7 +90,7 @@ function modifyImage(srcCanvas, shadows) {
|
|
|
96
90
|
gradient2.addColorStop(0, "rgba(255,255,255,1)");
|
|
97
91
|
gradient2.addColorStop(rectHeight + 0.005, "rgba(255,255,255,0)");
|
|
98
92
|
gradient2.addColorStop(1, "rgba(255,255,255,0)");
|
|
99
|
-
var _createWorkingCanvas5 =
|
|
93
|
+
var _createWorkingCanvas5 = createWorkingCanvas(imageCanvas),
|
|
100
94
|
_createWorkingCanvas6 = _slicedToArray(_createWorkingCanvas5, 2),
|
|
101
95
|
shadowCanvas2 = _createWorkingCanvas6[0],
|
|
102
96
|
shadowContext2 = _createWorkingCanvas6[1];
|
|
@@ -111,7 +105,7 @@ function modifyImage(srcCanvas, shadows) {
|
|
|
111
105
|
shadowContext2.drawImage(shadowCanvas2, 0, 0);
|
|
112
106
|
ctx.drawImage(shadowCanvas2, 0, 0);
|
|
113
107
|
}
|
|
114
|
-
var _createWorkingCanvas7 =
|
|
108
|
+
var _createWorkingCanvas7 = createWorkingCanvas(imageCanvas),
|
|
115
109
|
_createWorkingCanvas8 = _slicedToArray(_createWorkingCanvas7, 2),
|
|
116
110
|
lighterCanvas = _createWorkingCanvas8[0],
|
|
117
111
|
lighterContext = _createWorkingCanvas8[1];
|
|
@@ -1,24 +1,18 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.embossingEffect = embossingEffect;
|
|
7
|
-
var _createCanvas = require("../Utils/createCanvas");
|
|
8
|
-
var _PrintingEffectsUtils = require("./PrintingEffectsUtils");
|
|
9
1
|
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); }
|
|
10
|
-
function _slicedToArray(
|
|
2
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
11
3
|
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."); }
|
|
12
|
-
function _unsupportedIterableToArray(
|
|
13
|
-
function _arrayLikeToArray(
|
|
4
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
5
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
14
6
|
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; } }
|
|
15
|
-
function _arrayWithHoles(
|
|
7
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
16
8
|
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
9
|
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(
|
|
19
|
-
function _toPropertyKey(
|
|
20
|
-
function _toPrimitive(
|
|
21
|
-
|
|
10
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
11
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
12
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
13
|
+
import { createWorkingCanvas } from "../Utils/createCanvas";
|
|
14
|
+
import { createBackgroundCanvas, createNegativeCanvas, createShadowCanvas } from "./PrintingEffectsUtils";
|
|
15
|
+
export function embossingEffect(srcCanvas, options) {
|
|
22
16
|
var _options$effectOption = _objectSpread({}, options.effectOptions),
|
|
23
17
|
_options$effectOption2 = _options$effectOption.fillColor,
|
|
24
18
|
fillColor = _options$effectOption2 === void 0 ? "transparent" : _options$effectOption2,
|
|
@@ -34,14 +28,14 @@ function embossingEffect(srcCanvas, options) {
|
|
|
34
28
|
modifyImage(srcCanvas, shadows, fillColor);
|
|
35
29
|
}
|
|
36
30
|
function modifyImage(srcCanvas, shadows, fillColor) {
|
|
37
|
-
var _createWorkingCanvas =
|
|
31
|
+
var _createWorkingCanvas = createWorkingCanvas(srcCanvas),
|
|
38
32
|
_createWorkingCanvas2 = _slicedToArray(_createWorkingCanvas, 2),
|
|
39
33
|
imageCanvas = _createWorkingCanvas2[0],
|
|
40
34
|
ctx = _createWorkingCanvas2[1];
|
|
41
35
|
if (fillColor !== undefined) {
|
|
42
|
-
var backgroundCanvas =
|
|
43
|
-
var negativeCanvas =
|
|
44
|
-
var shadowCanvas =
|
|
36
|
+
var backgroundCanvas = createBackgroundCanvas(srcCanvas, fillColor, imageCanvas.width, imageCanvas.height);
|
|
37
|
+
var negativeCanvas = createNegativeCanvas(srcCanvas, "#000", imageCanvas.width, imageCanvas.height);
|
|
38
|
+
var shadowCanvas = createShadowCanvas(negativeCanvas, shadows, imageCanvas.width, imageCanvas.height);
|
|
45
39
|
|
|
46
40
|
// Draw shadow on background
|
|
47
41
|
ctx.drawImage(backgroundCanvas, 0, 0);
|