html2canvas-pro 1.6.7 → 2.0.1
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/README.md +1 -0
- package/demo/image-smoothing-demo.html +256 -0
- package/demo/refactoring-test.html +602 -0
- package/dist/html2canvas-pro.esm.js +3391 -1491
- package/dist/html2canvas-pro.esm.js.map +1 -1
- package/dist/html2canvas-pro.js +3394 -1490
- package/dist/html2canvas-pro.js.map +1 -1
- package/dist/html2canvas-pro.min.js +5 -4
- package/dist/lib/__tests__/index.js +8 -2
- package/dist/lib/__tests__/index.js.map +1 -1
- package/dist/lib/config.js +72 -0
- package/dist/lib/config.js.map +1 -0
- package/dist/lib/core/__tests__/cache-storage.js +6 -3
- package/dist/lib/core/__tests__/cache-storage.js.map +1 -1
- package/dist/lib/core/__tests__/cache-storage.test.js +158 -0
- package/dist/lib/core/__tests__/cache-storage.test.js.map +1 -0
- package/dist/lib/core/__tests__/validator.js +296 -0
- package/dist/lib/core/__tests__/validator.js.map +1 -0
- package/dist/lib/core/cache-storage.js +130 -11
- package/dist/lib/core/cache-storage.js.map +1 -1
- package/dist/lib/core/context.js +5 -2
- package/dist/lib/core/context.js.map +1 -1
- package/dist/lib/core/debugger.js +3 -0
- package/dist/lib/core/debugger.js.map +1 -1
- package/dist/lib/core/origin-checker.js +54 -0
- package/dist/lib/core/origin-checker.js.map +1 -0
- package/dist/lib/core/performance-monitor.js +208 -0
- package/dist/lib/core/performance-monitor.js.map +1 -0
- package/dist/lib/core/validator.js +501 -0
- package/dist/lib/core/validator.js.map +1 -0
- package/dist/lib/css/index.js +4 -0
- package/dist/lib/css/index.js.map +1 -1
- package/dist/lib/css/property-descriptors/__tests__/background-tests.js +7 -1
- package/dist/lib/css/property-descriptors/__tests__/background-tests.js.map +1 -1
- package/dist/lib/css/property-descriptors/__tests__/clip-path.test.js +273 -0
- package/dist/lib/css/property-descriptors/__tests__/clip-path.test.js.map +1 -0
- package/dist/lib/css/property-descriptors/__tests__/image-rendering-integration.test.js +142 -0
- package/dist/lib/css/property-descriptors/__tests__/image-rendering-integration.test.js.map +1 -0
- package/dist/lib/css/property-descriptors/__tests__/image-rendering-performance.test.js +167 -0
- package/dist/lib/css/property-descriptors/__tests__/image-rendering-performance.test.js.map +1 -0
- package/dist/lib/css/property-descriptors/__tests__/image-rendering.test.js +61 -0
- package/dist/lib/css/property-descriptors/__tests__/image-rendering.test.js.map +1 -0
- package/dist/lib/css/property-descriptors/clip-path.js +190 -0
- package/dist/lib/css/property-descriptors/clip-path.js.map +1 -0
- package/dist/lib/css/property-descriptors/image-rendering.js +34 -0
- package/dist/lib/css/property-descriptors/image-rendering.js.map +1 -0
- package/dist/lib/css/types/__tests__/image-tests.js +7 -1
- package/dist/lib/css/types/__tests__/image-tests.js.map +1 -1
- package/dist/lib/css/types/color-math.js +26 -0
- package/dist/lib/css/types/color-math.js.map +1 -0
- package/dist/lib/css/types/color-spaces/srgb.js +6 -6
- package/dist/lib/css/types/color-spaces/srgb.js.map +1 -1
- package/dist/lib/css/types/color-utilities.js +13 -22
- package/dist/lib/css/types/color-utilities.js.map +1 -1
- package/dist/lib/dom/__tests__/dom-normalizer.test.js +113 -0
- package/dist/lib/dom/__tests__/dom-normalizer.test.js.map +1 -0
- package/dist/lib/dom/__tests__/element-container.test.js +109 -0
- package/dist/lib/dom/__tests__/element-container.test.js.map +1 -0
- package/dist/lib/dom/document-cloner.js +3 -3
- package/dist/lib/dom/document-cloner.js.map +1 -1
- package/dist/lib/dom/dom-normalizer.js +116 -0
- package/dist/lib/dom/dom-normalizer.js.map +1 -0
- package/dist/lib/dom/element-container.js +32 -15
- package/dist/lib/dom/element-container.js.map +1 -1
- package/dist/lib/dom/node-parser.js +16 -20
- package/dist/lib/dom/node-parser.js.map +1 -1
- package/dist/lib/dom/node-type-guards.js +44 -0
- package/dist/lib/dom/node-type-guards.js.map +1 -0
- package/dist/lib/dom/replaced-elements/iframe-element-container.js +5 -4
- package/dist/lib/dom/replaced-elements/iframe-element-container.js.map +1 -1
- package/dist/lib/index.js +148 -41
- package/dist/lib/index.js.map +1 -1
- package/dist/lib/render/canvas/__tests__/background-renderer.test.js +65 -0
- package/dist/lib/render/canvas/__tests__/background-renderer.test.js.map +1 -0
- package/dist/lib/render/canvas/__tests__/border-renderer.test.js +23 -0
- package/dist/lib/render/canvas/__tests__/border-renderer.test.js.map +1 -0
- package/dist/lib/render/canvas/__tests__/effects-renderer.test.js +30 -0
- package/dist/lib/render/canvas/__tests__/effects-renderer.test.js.map +1 -0
- package/dist/lib/render/canvas/__tests__/text-renderer.test.js +310 -0
- package/dist/lib/render/canvas/__tests__/text-renderer.test.js.map +1 -0
- package/dist/lib/render/canvas/background-renderer.js +222 -0
- package/dist/lib/render/canvas/background-renderer.js.map +1 -0
- package/dist/lib/render/canvas/border-renderer.js +185 -0
- package/dist/lib/render/canvas/border-renderer.js.map +1 -0
- package/dist/lib/render/canvas/canvas-renderer.js +61 -689
- package/dist/lib/render/canvas/canvas-renderer.js.map +1 -1
- package/dist/lib/render/canvas/effects-renderer.js +94 -0
- package/dist/lib/render/canvas/effects-renderer.js.map +1 -0
- package/dist/lib/render/canvas/text-renderer.js +575 -0
- package/dist/lib/render/canvas/text-renderer.js.map +1 -0
- package/dist/lib/render/effects.js +17 -1
- package/dist/lib/render/effects.js.map +1 -1
- package/dist/lib/render/renderer-interface.js +3 -0
- package/dist/lib/render/renderer-interface.js.map +1 -0
- package/dist/lib/render/stacking-context.js +131 -0
- package/dist/lib/render/stacking-context.js.map +1 -1
- package/dist/types/config.d.ts +54 -0
- package/dist/types/core/__tests__/cache-storage.test.d.ts +1 -0
- package/dist/types/core/__tests__/validator.d.ts +1 -0
- package/dist/types/core/cache-storage.d.ts +42 -1
- package/dist/types/core/context.d.ts +5 -1
- package/dist/types/core/origin-checker.d.ts +33 -0
- package/dist/types/core/performance-monitor.d.ts +131 -0
- package/dist/types/core/validator.d.ts +132 -0
- package/dist/types/css/index.d.ts +4 -0
- package/dist/types/css/property-descriptors/__tests__/clip-path.test.d.ts +1 -0
- package/dist/types/css/property-descriptors/__tests__/image-rendering-integration.test.d.ts +1 -0
- package/dist/types/css/property-descriptors/__tests__/image-rendering-performance.test.d.ts +1 -0
- package/dist/types/css/property-descriptors/__tests__/image-rendering.test.d.ts +1 -0
- package/dist/types/css/property-descriptors/clip-path.d.ts +62 -0
- package/dist/types/css/property-descriptors/image-rendering.d.ts +8 -0
- package/dist/types/css/types/color-math.d.ts +12 -0
- package/dist/types/css/types/color-utilities.d.ts +2 -3
- package/dist/types/dom/__tests__/dom-normalizer.test.d.ts +1 -0
- package/dist/types/dom/__tests__/element-container.test.d.ts +1 -0
- package/dist/types/dom/dom-normalizer.d.ts +62 -0
- package/dist/types/dom/element-container.d.ts +20 -1
- package/dist/types/dom/node-parser.d.ts +2 -7
- package/dist/types/dom/node-type-guards.d.ts +33 -0
- package/dist/types/dom/replaced-elements/iframe-element-container.d.ts +4 -1
- package/dist/types/index.d.ts +48 -3
- package/dist/types/render/canvas/__tests__/background-renderer.test.d.ts +1 -0
- package/dist/types/render/canvas/__tests__/border-renderer.test.d.ts +1 -0
- package/dist/types/render/canvas/__tests__/effects-renderer.test.d.ts +1 -0
- package/dist/types/render/canvas/__tests__/text-renderer.test.d.ts +1 -0
- package/dist/types/render/canvas/background-renderer.d.ts +87 -0
- package/dist/types/render/canvas/border-renderer.d.ts +67 -0
- package/dist/types/render/canvas/canvas-renderer.d.ts +19 -23
- package/dist/types/render/canvas/effects-renderer.d.ts +65 -0
- package/dist/types/render/canvas/text-renderer.d.ts +75 -0
- package/dist/types/render/effects.d.ts +15 -1
- package/dist/types/render/renderer-interface.d.ts +26 -0
- package/package.json +2 -1
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const globals_1 = require("@jest/globals");
|
|
4
|
+
const image_rendering_1 = require("../image-rendering");
|
|
5
|
+
const context_1 = require("../../../core/context");
|
|
6
|
+
const config_1 = require("../../../config");
|
|
7
|
+
(0, globals_1.describe)('property-descriptors', () => {
|
|
8
|
+
let context;
|
|
9
|
+
(0, globals_1.beforeEach)(() => {
|
|
10
|
+
const mockWindow = {
|
|
11
|
+
location: { href: 'http://example.com' },
|
|
12
|
+
document: { createElement: () => ({ href: '' }) }
|
|
13
|
+
};
|
|
14
|
+
const config = new config_1.Html2CanvasConfig({ window: mockWindow });
|
|
15
|
+
context = new context_1.Context({}, {}, config);
|
|
16
|
+
});
|
|
17
|
+
(0, globals_1.describe)('image-rendering', () => {
|
|
18
|
+
(0, globals_1.it)('should parse "auto" as AUTO', () => {
|
|
19
|
+
(0, globals_1.expect)(image_rendering_1.imageRendering.parse(context, 'auto')).toBe(image_rendering_1.IMAGE_RENDERING.AUTO);
|
|
20
|
+
});
|
|
21
|
+
(0, globals_1.it)('should parse "pixelated" as PIXELATED', () => {
|
|
22
|
+
(0, globals_1.expect)(image_rendering_1.imageRendering.parse(context, 'pixelated')).toBe(image_rendering_1.IMAGE_RENDERING.PIXELATED);
|
|
23
|
+
});
|
|
24
|
+
(0, globals_1.it)('should parse "crisp-edges" as CRISP_EDGES', () => {
|
|
25
|
+
(0, globals_1.expect)(image_rendering_1.imageRendering.parse(context, 'crisp-edges')).toBe(image_rendering_1.IMAGE_RENDERING.CRISP_EDGES);
|
|
26
|
+
});
|
|
27
|
+
(0, globals_1.it)('should parse "-webkit-crisp-edges" as CRISP_EDGES', () => {
|
|
28
|
+
(0, globals_1.expect)(image_rendering_1.imageRendering.parse(context, '-webkit-crisp-edges')).toBe(image_rendering_1.IMAGE_RENDERING.CRISP_EDGES);
|
|
29
|
+
});
|
|
30
|
+
(0, globals_1.it)('should parse "-webkit-optimize-contrast" as PIXELATED', () => {
|
|
31
|
+
(0, globals_1.expect)(image_rendering_1.imageRendering.parse(context, '-webkit-optimize-contrast')).toBe(image_rendering_1.IMAGE_RENDERING.PIXELATED);
|
|
32
|
+
});
|
|
33
|
+
(0, globals_1.it)('should parse "smooth" as SMOOTH', () => {
|
|
34
|
+
(0, globals_1.expect)(image_rendering_1.imageRendering.parse(context, 'smooth')).toBe(image_rendering_1.IMAGE_RENDERING.SMOOTH);
|
|
35
|
+
});
|
|
36
|
+
(0, globals_1.it)('should parse unknown values as AUTO', () => {
|
|
37
|
+
(0, globals_1.expect)(image_rendering_1.imageRendering.parse(context, 'invalid')).toBe(image_rendering_1.IMAGE_RENDERING.AUTO);
|
|
38
|
+
});
|
|
39
|
+
(0, globals_1.it)('should be case-insensitive', () => {
|
|
40
|
+
(0, globals_1.expect)(image_rendering_1.imageRendering.parse(context, 'PIXELATED')).toBe(image_rendering_1.IMAGE_RENDERING.PIXELATED);
|
|
41
|
+
(0, globals_1.expect)(image_rendering_1.imageRendering.parse(context, 'Crisp-Edges')).toBe(image_rendering_1.IMAGE_RENDERING.CRISP_EDGES);
|
|
42
|
+
});
|
|
43
|
+
// Edge case tests
|
|
44
|
+
(0, globals_1.it)('should handle empty string as AUTO', () => {
|
|
45
|
+
(0, globals_1.expect)(image_rendering_1.imageRendering.parse(context, '')).toBe(image_rendering_1.IMAGE_RENDERING.AUTO);
|
|
46
|
+
});
|
|
47
|
+
(0, globals_1.it)('should handle whitespace as AUTO', () => {
|
|
48
|
+
(0, globals_1.expect)(image_rendering_1.imageRendering.parse(context, ' ')).toBe(image_rendering_1.IMAGE_RENDERING.AUTO);
|
|
49
|
+
});
|
|
50
|
+
(0, globals_1.it)('should handle special characters as AUTO', () => {
|
|
51
|
+
(0, globals_1.expect)(image_rendering_1.imageRendering.parse(context, '@#$%')).toBe(image_rendering_1.IMAGE_RENDERING.AUTO);
|
|
52
|
+
});
|
|
53
|
+
(0, globals_1.it)('should parse "-moz-crisp-edges" as CRISP_EDGES', () => {
|
|
54
|
+
(0, globals_1.expect)(image_rendering_1.imageRendering.parse(context, '-moz-crisp-edges')).toBe(image_rendering_1.IMAGE_RENDERING.CRISP_EDGES);
|
|
55
|
+
});
|
|
56
|
+
(0, globals_1.it)('should parse "high-quality" as SMOOTH', () => {
|
|
57
|
+
(0, globals_1.expect)(image_rendering_1.imageRendering.parse(context, 'high-quality')).toBe(image_rendering_1.IMAGE_RENDERING.SMOOTH);
|
|
58
|
+
});
|
|
59
|
+
});
|
|
60
|
+
});
|
|
61
|
+
//# sourceMappingURL=image-rendering.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"image-rendering.test.js","sourceRoot":"","sources":["../../../../../src/css/property-descriptors/__tests__/image-rendering.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,190 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.clipPath = void 0;
|
|
4
|
+
const parser_1 = require("../syntax/parser");
|
|
5
|
+
const length_percentage_1 = require("../types/length-percentage");
|
|
6
|
+
const NONE = { type: 0 /* CLIP_PATH_TYPE.NONE */ };
|
|
7
|
+
/**
|
|
8
|
+
* Parse a shape-radius token: <length-percentage> | closest-side | farthest-side.
|
|
9
|
+
* Defaults to 'closest-side' when no tokens are provided.
|
|
10
|
+
*/
|
|
11
|
+
const parseShapeRadius = (tokens) => {
|
|
12
|
+
const [first] = tokens;
|
|
13
|
+
if (!first)
|
|
14
|
+
return 'closest-side';
|
|
15
|
+
if ((0, parser_1.isIdentToken)(first)) {
|
|
16
|
+
// Any unrecognised keyword (e.g. 'closest-corner') intentionally falls back to
|
|
17
|
+
// 'closest-side' as the CSS spec requires unknown values to be treated as invalid
|
|
18
|
+
// and the initial value of <shape-radius> is 'closest-side'.
|
|
19
|
+
return first.value === 'farthest-side' ? 'farthest-side' : 'closest-side';
|
|
20
|
+
}
|
|
21
|
+
return (0, length_percentage_1.isLengthPercentage)(first) ? first : 'closest-side';
|
|
22
|
+
};
|
|
23
|
+
/**
|
|
24
|
+
* Parse a CSS <position> as (cx, cy), each as a LengthPercentage.
|
|
25
|
+
*
|
|
26
|
+
* Supports the **1–2 value** subset of the CSS `<position>` syntax.
|
|
27
|
+
* The 4-value form (`at left 10px top 20px`) is not supported and will be
|
|
28
|
+
* parsed on a best-effort basis.
|
|
29
|
+
*
|
|
30
|
+
* Axis assignment rules:
|
|
31
|
+
* - `left` / `right` → x-axis (cx)
|
|
32
|
+
* - `top` / `bottom` → y-axis (cy)
|
|
33
|
+
* - `center` or a <length-percentage> → fills the first unset axis, in order
|
|
34
|
+
*
|
|
35
|
+
* Examples:
|
|
36
|
+
* "at left" → cx=0, cy=50% (left is x; y defaults to center)
|
|
37
|
+
* "at top" → cx=50%, cy=0 (top is y; x defaults to center)
|
|
38
|
+
* "at center 30%" → cx=50%, cy=30%
|
|
39
|
+
* "at 30% center" → cx=30%, cy=50%
|
|
40
|
+
* "at left top" → cx=0, cy=0
|
|
41
|
+
* "at top left" → cx=0, cy=0 (keyword order is irrelevant)
|
|
42
|
+
*
|
|
43
|
+
* Unset axes fall back to 50%.
|
|
44
|
+
*/
|
|
45
|
+
const parsePosition = (tokens) => {
|
|
46
|
+
let cx = null;
|
|
47
|
+
let cy = null;
|
|
48
|
+
for (const token of tokens) {
|
|
49
|
+
if ((0, parser_1.isIdentToken)(token)) {
|
|
50
|
+
switch (token.value) {
|
|
51
|
+
case 'left':
|
|
52
|
+
cx = length_percentage_1.ZERO_LENGTH;
|
|
53
|
+
break;
|
|
54
|
+
case 'right':
|
|
55
|
+
cx = length_percentage_1.HUNDRED_PERCENT;
|
|
56
|
+
break;
|
|
57
|
+
case 'top':
|
|
58
|
+
cy = length_percentage_1.ZERO_LENGTH;
|
|
59
|
+
break;
|
|
60
|
+
case 'bottom':
|
|
61
|
+
cy = length_percentage_1.HUNDRED_PERCENT;
|
|
62
|
+
break;
|
|
63
|
+
case 'center':
|
|
64
|
+
// `center` fills whichever axis has not yet been claimed.
|
|
65
|
+
if (cx === null)
|
|
66
|
+
cx = length_percentage_1.FIFTY_PERCENT;
|
|
67
|
+
else if (cy === null)
|
|
68
|
+
cy = length_percentage_1.FIFTY_PERCENT;
|
|
69
|
+
break;
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
else if ((0, length_percentage_1.isLengthPercentage)(token)) {
|
|
73
|
+
// Length-percentages are assigned in source order.
|
|
74
|
+
if (cx === null)
|
|
75
|
+
cx = token;
|
|
76
|
+
else if (cy === null)
|
|
77
|
+
cy = token;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
return { cx: cx ?? length_percentage_1.FIFTY_PERCENT, cy: cy ?? length_percentage_1.FIFTY_PERCENT };
|
|
81
|
+
};
|
|
82
|
+
/**
|
|
83
|
+
* inset( <length-percentage>{1,4} [ round <'border-radius'> ]? )
|
|
84
|
+
* The 1-4 shorthand follows the same expansion as margin/padding:
|
|
85
|
+
* 1 value → all four sides
|
|
86
|
+
* 2 values → top/bottom | left/right
|
|
87
|
+
* 3 values → top | left/right | bottom
|
|
88
|
+
* 4 values → top | right | bottom | left
|
|
89
|
+
* The optional `round` clause (border-radius) is parsed but ignored.
|
|
90
|
+
*/
|
|
91
|
+
const parseInset = (values) => {
|
|
92
|
+
const lengths = [];
|
|
93
|
+
for (const token of values) {
|
|
94
|
+
if (token.type === 31 /* TokenType.WHITESPACE_TOKEN */)
|
|
95
|
+
continue;
|
|
96
|
+
if ((0, parser_1.isIdentToken)(token) && token.value === 'round')
|
|
97
|
+
break;
|
|
98
|
+
if ((0, length_percentage_1.isLengthPercentage)(token))
|
|
99
|
+
lengths.push(token);
|
|
100
|
+
}
|
|
101
|
+
const v0 = lengths[0] ?? length_percentage_1.ZERO_LENGTH;
|
|
102
|
+
const v1 = lengths[1] ?? v0;
|
|
103
|
+
const v2 = lengths[2] ?? v0;
|
|
104
|
+
const v3 = lengths[3] ?? v1;
|
|
105
|
+
return { type: 1 /* CLIP_PATH_TYPE.INSET */, top: v0, right: v1, bottom: v2, left: v3 };
|
|
106
|
+
};
|
|
107
|
+
/**
|
|
108
|
+
* circle( [ <shape-radius> ]? [ at <position> ]? )
|
|
109
|
+
*/
|
|
110
|
+
const parseCircle = (values) => {
|
|
111
|
+
const nonWs = values.filter(parser_1.nonWhiteSpace);
|
|
112
|
+
const atIdx = nonWs.findIndex((t) => (0, parser_1.isIdentWithValue)(t, 'at'));
|
|
113
|
+
const radiusTokens = atIdx === -1 ? nonWs : nonWs.slice(0, atIdx);
|
|
114
|
+
const posTokens = atIdx === -1 ? [] : nonWs.slice(atIdx + 1);
|
|
115
|
+
return {
|
|
116
|
+
type: 2 /* CLIP_PATH_TYPE.CIRCLE */,
|
|
117
|
+
radius: parseShapeRadius(radiusTokens),
|
|
118
|
+
...parsePosition(posTokens)
|
|
119
|
+
};
|
|
120
|
+
};
|
|
121
|
+
/**
|
|
122
|
+
* ellipse( [ <shape-radius>{2} ]? [ at <position> ]? )
|
|
123
|
+
*/
|
|
124
|
+
const parseEllipse = (values) => {
|
|
125
|
+
const nonWs = values.filter(parser_1.nonWhiteSpace);
|
|
126
|
+
const atIdx = nonWs.findIndex((t) => (0, parser_1.isIdentWithValue)(t, 'at'));
|
|
127
|
+
const radiusTokens = atIdx === -1 ? nonWs : nonWs.slice(0, atIdx);
|
|
128
|
+
const posTokens = atIdx === -1 ? [] : nonWs.slice(atIdx + 1);
|
|
129
|
+
return {
|
|
130
|
+
type: 3 /* CLIP_PATH_TYPE.ELLIPSE */,
|
|
131
|
+
rx: parseShapeRadius(radiusTokens.slice(0, 1)),
|
|
132
|
+
ry: parseShapeRadius(radiusTokens.slice(1, 2)),
|
|
133
|
+
...parsePosition(posTokens)
|
|
134
|
+
};
|
|
135
|
+
};
|
|
136
|
+
/**
|
|
137
|
+
* polygon( [ <fill-rule>, ]? [ <length-percentage> <length-percentage> ]# )
|
|
138
|
+
* Each comma-separated group defines one vertex (x y).
|
|
139
|
+
* A leading fill-rule keyword (nonzero/evenodd) is skipped.
|
|
140
|
+
*/
|
|
141
|
+
const parsePolygon = (values) => {
|
|
142
|
+
const args = (0, parser_1.parseFunctionArgs)(values);
|
|
143
|
+
const points = [];
|
|
144
|
+
for (const arg of args) {
|
|
145
|
+
if (arg.length === 1 && (0, parser_1.isIdentToken)(arg[0]))
|
|
146
|
+
continue; // skip fill-rule
|
|
147
|
+
const lengths = arg.filter(length_percentage_1.isLengthPercentage);
|
|
148
|
+
if (lengths.length >= 2) {
|
|
149
|
+
points.push([lengths[0], lengths[1]]);
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
return { type: 4 /* CLIP_PATH_TYPE.POLYGON */, points };
|
|
153
|
+
};
|
|
154
|
+
/**
|
|
155
|
+
* path( [ <fill-rule>, ]? <string> )
|
|
156
|
+
* The string value is the SVG path data (coordinates in the element's local space).
|
|
157
|
+
*/
|
|
158
|
+
const parsePath = (values) => {
|
|
159
|
+
const stringToken = values.find((t) => t.type === 0 /* TokenType.STRING_TOKEN */);
|
|
160
|
+
if (!stringToken)
|
|
161
|
+
return NONE;
|
|
162
|
+
return { type: 5 /* CLIP_PATH_TYPE.PATH */, d: stringToken.value };
|
|
163
|
+
};
|
|
164
|
+
exports.clipPath = {
|
|
165
|
+
name: 'clip-path',
|
|
166
|
+
initialValue: 'none',
|
|
167
|
+
prefix: false,
|
|
168
|
+
type: 0 /* PropertyDescriptorParsingType.VALUE */,
|
|
169
|
+
parse: (_context, token) => {
|
|
170
|
+
if ((0, parser_1.isIdentToken)(token) && token.value === 'none') {
|
|
171
|
+
return NONE;
|
|
172
|
+
}
|
|
173
|
+
if (token.type === 18 /* TokenType.FUNCTION */) {
|
|
174
|
+
switch (token.name) {
|
|
175
|
+
case 'inset':
|
|
176
|
+
return parseInset(token.values);
|
|
177
|
+
case 'circle':
|
|
178
|
+
return parseCircle(token.values);
|
|
179
|
+
case 'ellipse':
|
|
180
|
+
return parseEllipse(token.values);
|
|
181
|
+
case 'polygon':
|
|
182
|
+
return parsePolygon(token.values);
|
|
183
|
+
case 'path':
|
|
184
|
+
return parsePath(token.values);
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
return NONE;
|
|
188
|
+
}
|
|
189
|
+
};
|
|
190
|
+
//# sourceMappingURL=clip-path.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"clip-path.js","sourceRoot":"","sources":["../../../../src/css/property-descriptors/clip-path.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.imageRendering = exports.IMAGE_RENDERING = void 0;
|
|
4
|
+
var IMAGE_RENDERING;
|
|
5
|
+
(function (IMAGE_RENDERING) {
|
|
6
|
+
IMAGE_RENDERING[IMAGE_RENDERING["AUTO"] = 0] = "AUTO";
|
|
7
|
+
IMAGE_RENDERING[IMAGE_RENDERING["CRISP_EDGES"] = 1] = "CRISP_EDGES";
|
|
8
|
+
IMAGE_RENDERING[IMAGE_RENDERING["PIXELATED"] = 2] = "PIXELATED";
|
|
9
|
+
IMAGE_RENDERING[IMAGE_RENDERING["SMOOTH"] = 3] = "SMOOTH";
|
|
10
|
+
})(IMAGE_RENDERING || (exports.IMAGE_RENDERING = IMAGE_RENDERING = {}));
|
|
11
|
+
exports.imageRendering = {
|
|
12
|
+
name: 'image-rendering',
|
|
13
|
+
initialValue: 'auto',
|
|
14
|
+
prefix: false,
|
|
15
|
+
type: 2 /* PropertyDescriptorParsingType.IDENT_VALUE */,
|
|
16
|
+
parse: (_context, value) => {
|
|
17
|
+
switch (value.toLowerCase()) {
|
|
18
|
+
case 'crisp-edges':
|
|
19
|
+
case '-webkit-crisp-edges':
|
|
20
|
+
case '-moz-crisp-edges':
|
|
21
|
+
return IMAGE_RENDERING.CRISP_EDGES;
|
|
22
|
+
case 'pixelated':
|
|
23
|
+
case '-webkit-optimize-contrast':
|
|
24
|
+
return IMAGE_RENDERING.PIXELATED;
|
|
25
|
+
case 'smooth':
|
|
26
|
+
case 'high-quality':
|
|
27
|
+
return IMAGE_RENDERING.SMOOTH;
|
|
28
|
+
case 'auto':
|
|
29
|
+
default:
|
|
30
|
+
return IMAGE_RENDERING.AUTO;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
};
|
|
34
|
+
//# sourceMappingURL=image-rendering.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"image-rendering.js","sourceRoot":"","sources":["../../../../src/css/property-descriptors/image-rendering.ts"],"names":[],"mappings":";;;AAGA,IAAY,eAKX;AALD,WAAY,eAAe;IACvB,qDAAQ,CAAA;IACR,mEAAe,CAAA;IACf,+DAAa,CAAA;IACb,yDAAU,CAAA;AACd,CAAC,EALW,eAAe,+BAAf,eAAe,QAK1B;AAEY,QAAA,cAAc,GAAmD;IAC1E,IAAI,EAAE,iBAAiB;IACvB,YAAY,EAAE,MAAM;IACpB,MAAM,EAAE,KAAK;IACb,IAAI,mDAA2C;IAC/C,KAAK,EAAE,CAAC,QAAiB,EAAE,KAAa,EAAmB,EAAE;QACzD,QAAQ,KAAK,CAAC,WAAW,EAAE,EAAE,CAAC;YAC1B,KAAK,aAAa,CAAC;YACnB,KAAK,qBAAqB,CAAC;YAC3B,KAAK,kBAAkB;gBACnB,OAAO,eAAe,CAAC,WAAW,CAAC;YACvC,KAAK,WAAW,CAAC;YACjB,KAAK,2BAA2B;gBAC5B,OAAO,eAAe,CAAC,SAAS,CAAC;YACrC,KAAK,QAAQ,CAAC;YACd,KAAK,cAAc;gBACf,OAAO,eAAe,CAAC,MAAM,CAAC;YAClC,KAAK,MAAM,CAAC;YACZ;gBACI,OAAO,eAAe,CAAC,IAAI,CAAC;QACpC,CAAC;IACL,CAAC;CACJ,CAAC"}
|
|
@@ -12,10 +12,16 @@ const colorParse = (context, value) => color_1.color.parse(context, parser_1.Par
|
|
|
12
12
|
jest.mock('../../../core/features');
|
|
13
13
|
jest.mock('../../../core/context');
|
|
14
14
|
const context_1 = require("../../../core/context");
|
|
15
|
+
const config_1 = require("../../../config");
|
|
15
16
|
describe('types', () => {
|
|
16
17
|
let context;
|
|
17
18
|
beforeEach(() => {
|
|
18
|
-
|
|
19
|
+
const mockWindow = {
|
|
20
|
+
location: { href: 'http://example.com' },
|
|
21
|
+
document: { createElement: () => ({ href: '' }) }
|
|
22
|
+
};
|
|
23
|
+
const config = new config_1.Html2CanvasConfig({ window: mockWindow });
|
|
24
|
+
context = new context_1.Context({}, {}, config);
|
|
19
25
|
});
|
|
20
26
|
describe('<image>', () => {
|
|
21
27
|
describe('parsing', () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"image-tests.js","sourceRoot":"","sources":["../../../../../src/css/types/__tests__/image-tests.ts"],"names":[],"mappings":";;AAAA,mCAAyC;AACzC,gDAA6C;AAC7C,oCAA+C;AAC/C,oCAAiC;AACjC,wDAA0C;AAC1C,sDAAiE;AACjE,oCAA+B;AAE/B,MAAM,KAAK,GAAG,CAAC,OAAgB,EAAE,KAAa,EAAE,EAAE,CAAC,aAAK,CAAC,KAAK,CAAC,OAAO,EAAE,eAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;AAClG,MAAM,UAAU,GAAG,CAAC,OAAgB,EAAE,KAAa,EAAE,EAAE,CAAC,aAAK,CAAC,KAAK,CAAC,OAAO,EAAE,eAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;AAEvG,IAAI,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;AAEpC,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;AACnC,mDAAgD;AAEhD,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACnB,IAAI,OAAgB,CAAC;IACrB,UAAU,CAAC,GAAG,EAAE;QACZ,OAAO,GAAG,IAAI,iBAAO,CAAC,EAAS,EAAE,EAAS,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"image-tests.js","sourceRoot":"","sources":["../../../../../src/css/types/__tests__/image-tests.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* Color mathematics utilities
|
|
4
|
+
* Extracted to break circular dependency between srgb.ts and color-utilities.ts
|
|
5
|
+
*/
|
|
6
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
+
exports.multiplyMatrices = exports.clamp = void 0;
|
|
8
|
+
/**
|
|
9
|
+
* Clamp a value between min and max
|
|
10
|
+
*/
|
|
11
|
+
const clamp = (value, min, max) => {
|
|
12
|
+
return Math.min(Math.max(value, min), max);
|
|
13
|
+
};
|
|
14
|
+
exports.clamp = clamp;
|
|
15
|
+
/**
|
|
16
|
+
* Multiply two 3x3 matrices
|
|
17
|
+
*/
|
|
18
|
+
const multiplyMatrices = (A, B) => {
|
|
19
|
+
return [
|
|
20
|
+
A[0] * B[0] + A[1] * B[1] + A[2] * B[2],
|
|
21
|
+
A[3] * B[0] + A[4] * B[1] + A[5] * B[2],
|
|
22
|
+
A[6] * B[0] + A[7] * B[1] + A[8] * B[2]
|
|
23
|
+
];
|
|
24
|
+
};
|
|
25
|
+
exports.multiplyMatrices = multiplyMatrices;
|
|
26
|
+
//# sourceMappingURL=color-math.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"color-math.js","sourceRoot":"","sources":["../../../../src/css/types/color-math.ts"],"names":[],"mappings":";AAAA;;;GAGG;;;AAEH;;GAEG;AACI,MAAM,KAAK,GAAG,CAAC,KAAa,EAAE,GAAW,EAAE,GAAW,EAAU,EAAE;IACrE,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;AAC/C,CAAC,CAAC;AAFW,QAAA,KAAK,SAEhB;AAEF;;GAEG;AACI,MAAM,gBAAgB,GAAG,CAAC,CAAW,EAAE,CAAW,EAA4B,EAAE;IACnF,OAAO;QACH,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;KAC1C,CAAC;AACN,CAAC,CAAC;AANW,QAAA,gBAAgB,oBAM3B"}
|
|
@@ -4,14 +4,14 @@
|
|
|
4
4
|
*/
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.srgbLinearFromXYZ = exports.srgbFromXYZ = exports.rgb2rgbLinear = exports.srgbLinear2rgb = exports.rgbLinear2xyz = exports.xyz2rgbLinear = void 0;
|
|
7
|
-
const
|
|
7
|
+
const color_math_1 = require("../color-math");
|
|
8
8
|
/**
|
|
9
9
|
* Convert XYZ to linear-light sRGB
|
|
10
10
|
*
|
|
11
11
|
* @param xyz
|
|
12
12
|
*/
|
|
13
13
|
const xyz2rgbLinear = (xyz) => {
|
|
14
|
-
return (0,
|
|
14
|
+
return (0, color_math_1.multiplyMatrices)([
|
|
15
15
|
3.2409699419045226, -1.537383177570094, -0.4986107602930034, -0.9692436362808796, 1.8759675015077202,
|
|
16
16
|
0.04155505740717559, 0.05563007969699366, -0.20397695888897652, 1.0569715142428786
|
|
17
17
|
], xyz);
|
|
@@ -23,7 +23,7 @@ exports.xyz2rgbLinear = xyz2rgbLinear;
|
|
|
23
23
|
* @param xyz
|
|
24
24
|
*/
|
|
25
25
|
const rgbLinear2xyz = (xyz) => {
|
|
26
|
-
return (0,
|
|
26
|
+
return (0, color_math_1.multiplyMatrices)([
|
|
27
27
|
0.41239079926595934, 0.357584339383878, 0.1804807884018343, 0.21263900587151027, 0.715168678767756,
|
|
28
28
|
0.07219231536073371, 0.01933081871559182, 0.11919477979462598, 0.9505321522496607
|
|
29
29
|
], xyz);
|
|
@@ -70,9 +70,9 @@ exports.srgbFromXYZ = srgbFromXYZ;
|
|
|
70
70
|
const srgbLinearFromXYZ = (args) => {
|
|
71
71
|
const [r, g, b] = (0, exports.xyz2rgbLinear)([args[0], args[1], args[2]]);
|
|
72
72
|
return [
|
|
73
|
-
(0,
|
|
74
|
-
(0,
|
|
75
|
-
(0,
|
|
73
|
+
(0, color_math_1.clamp)(Math.round(r * 255), 0, 255),
|
|
74
|
+
(0, color_math_1.clamp)(Math.round(g * 255), 0, 255),
|
|
75
|
+
(0, color_math_1.clamp)(Math.round(b * 255), 0, 255),
|
|
76
76
|
args[3]
|
|
77
77
|
];
|
|
78
78
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"srgb.js","sourceRoot":"","sources":["../../../../../src/css/types/color-spaces/srgb.ts"],"names":[],"mappings":";AAAA;;GAEG;;;AAEH,
|
|
1
|
+
{"version":3,"file":"srgb.js","sourceRoot":"","sources":["../../../../../src/css/types/color-spaces/srgb.ts"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,9 @@ const parser_1 = require("../syntax/parser");
|
|
|
5
5
|
const srgb_1 = require("./color-spaces/srgb");
|
|
6
6
|
const angle_1 = require("./angle");
|
|
7
7
|
const length_percentage_1 = require("./length-percentage");
|
|
8
|
+
const color_math_1 = require("./color-math");
|
|
9
|
+
Object.defineProperty(exports, "clamp", { enumerable: true, get: function () { return color_math_1.clamp; } });
|
|
10
|
+
Object.defineProperty(exports, "multiplyMatrices", { enumerable: true, get: function () { return color_math_1.multiplyMatrices; } });
|
|
8
11
|
const isTransparent = (color) => (0xff & color) === 0;
|
|
9
12
|
exports.isTransparent = isTransparent;
|
|
10
13
|
const asString = (color) => {
|
|
@@ -30,25 +33,13 @@ const getTokenColorValue = (token, i) => {
|
|
|
30
33
|
exports.getTokenColorValue = getTokenColorValue;
|
|
31
34
|
const isRelativeTransform = (tokens) => (tokens[0].type === 20 /* TokenType.IDENT_TOKEN */ ? tokens[0].value : 'unknown') === 'from';
|
|
32
35
|
exports.isRelativeTransform = isRelativeTransform;
|
|
33
|
-
const clamp = (value, min, max) => {
|
|
34
|
-
return Math.min(Math.max(value, min), max);
|
|
35
|
-
};
|
|
36
|
-
exports.clamp = clamp;
|
|
37
|
-
const multiplyMatrices = (A, B) => {
|
|
38
|
-
return [
|
|
39
|
-
A[0] * B[0] + A[1] * B[1] + A[2] * B[2],
|
|
40
|
-
A[3] * B[0] + A[4] * B[1] + A[5] * B[2],
|
|
41
|
-
A[6] * B[0] + A[7] * B[1] + A[8] * B[2]
|
|
42
|
-
];
|
|
43
|
-
};
|
|
44
|
-
exports.multiplyMatrices = multiplyMatrices;
|
|
45
36
|
const packSrgb = (args) => {
|
|
46
|
-
return (0, exports.pack)((0,
|
|
37
|
+
return (0, exports.pack)((0, color_math_1.clamp)(Math.round(args[0] * 255), 0, 255), (0, color_math_1.clamp)(Math.round(args[1] * 255), 0, 255), (0, color_math_1.clamp)(Math.round(args[2] * 255), 0, 255), (0, color_math_1.clamp)(args[3], 0, 1));
|
|
47
38
|
};
|
|
48
39
|
exports.packSrgb = packSrgb;
|
|
49
40
|
const packSrgbLinear = ([r, g, b, a]) => {
|
|
50
41
|
const rgb = (0, srgb_1.srgbLinear2rgb)([r, g, b]);
|
|
51
|
-
return (0, exports.pack)((0,
|
|
42
|
+
return (0, exports.pack)((0, color_math_1.clamp)(Math.round(rgb[0] * 255), 0, 255), (0, color_math_1.clamp)(Math.round(rgb[1] * 255), 0, 255), (0, color_math_1.clamp)(Math.round(rgb[2] * 255), 0, 255), a);
|
|
52
43
|
};
|
|
53
44
|
exports.packSrgbLinear = packSrgbLinear;
|
|
54
45
|
const packXYZ = (args) => {
|
|
@@ -61,7 +52,7 @@ const packLab = (_context, args) => {
|
|
|
61
52
|
throw new Error('Relative color not supported for lab()');
|
|
62
53
|
}
|
|
63
54
|
const [l, a, b, alpha] = (0, exports.extractLabComponents)(args), rgb = (0, srgb_1.srgbLinear2rgb)((0, srgb_1.xyz2rgbLinear)(lab2xyz([l, a, b])));
|
|
64
|
-
return (0, exports.pack)((0,
|
|
55
|
+
return (0, exports.pack)((0, color_math_1.clamp)(Math.round(rgb[0] * 255), 0, 255), (0, color_math_1.clamp)(Math.round(rgb[1] * 255), 0, 255), (0, color_math_1.clamp)(Math.round(rgb[2] * 255), 0, 255), alpha);
|
|
65
56
|
};
|
|
66
57
|
exports.packLab = packLab;
|
|
67
58
|
const packOkLab = (_context, args) => {
|
|
@@ -69,7 +60,7 @@ const packOkLab = (_context, args) => {
|
|
|
69
60
|
throw new Error('Relative color not supported for oklab()');
|
|
70
61
|
}
|
|
71
62
|
const [l, a, b, alpha] = (0, exports.extractLabComponents)(args), rgb = (0, srgb_1.srgbLinear2rgb)((0, srgb_1.xyz2rgbLinear)(oklab2xyz([l, a, b])));
|
|
72
|
-
return (0, exports.pack)((0,
|
|
63
|
+
return (0, exports.pack)((0, color_math_1.clamp)(Math.round(rgb[0] * 255), 0, 255), (0, color_math_1.clamp)(Math.round(rgb[1] * 255), 0, 255), (0, color_math_1.clamp)(Math.round(rgb[2] * 255), 0, 255), alpha);
|
|
73
64
|
};
|
|
74
65
|
exports.packOkLab = packOkLab;
|
|
75
66
|
const packOkLch = (_context, args) => {
|
|
@@ -77,7 +68,7 @@ const packOkLch = (_context, args) => {
|
|
|
77
68
|
throw new Error('Relative color not supported for oklch()');
|
|
78
69
|
}
|
|
79
70
|
const [l, c, h, alpha] = (0, exports.extractOkLchComponents)(args), rgb = (0, srgb_1.srgbLinear2rgb)((0, srgb_1.xyz2rgbLinear)(oklab2xyz(lch2lab([l, c, h]))));
|
|
80
|
-
return (0, exports.pack)((0,
|
|
71
|
+
return (0, exports.pack)((0, color_math_1.clamp)(Math.round(rgb[0] * 255), 0, 255), (0, color_math_1.clamp)(Math.round(rgb[1] * 255), 0, 255), (0, color_math_1.clamp)(Math.round(rgb[2] * 255), 0, 255), alpha);
|
|
81
72
|
};
|
|
82
73
|
exports.packOkLch = packOkLch;
|
|
83
74
|
const packLch = (_context, args) => {
|
|
@@ -85,7 +76,7 @@ const packLch = (_context, args) => {
|
|
|
85
76
|
throw new Error('Relative color not supported for lch()');
|
|
86
77
|
}
|
|
87
78
|
const [l, c, h, a] = (0, exports.extractLchComponents)(args), rgb = (0, srgb_1.srgbLinear2rgb)((0, srgb_1.xyz2rgbLinear)(lab2xyz(lch2lab([l, c, h]))));
|
|
88
|
-
return (0, exports.pack)((0,
|
|
79
|
+
return (0, exports.pack)((0, color_math_1.clamp)(Math.round(rgb[0] * 255), 0, 255), (0, color_math_1.clamp)(Math.round(rgb[1] * 255), 0, 255), (0, color_math_1.clamp)(Math.round(rgb[2] * 255), 0, 255), a);
|
|
89
80
|
};
|
|
90
81
|
exports.packLch = packLch;
|
|
91
82
|
const extractHslComponents = (context, args) => {
|
|
@@ -138,7 +129,7 @@ exports.extractOkLchComponents = extractOkLchComponents;
|
|
|
138
129
|
* @param xyz
|
|
139
130
|
*/
|
|
140
131
|
const d65toD50 = (xyz) => {
|
|
141
|
-
return (0,
|
|
132
|
+
return (0, color_math_1.multiplyMatrices)([
|
|
142
133
|
1.0479297925449969, 0.022946870601609652, -0.05019226628920524, 0.02962780877005599, 0.9904344267538799,
|
|
143
134
|
-0.017073799063418826, -0.009243040646204504, 0.015055191490298152, 0.7518742814281371
|
|
144
135
|
], xyz);
|
|
@@ -150,7 +141,7 @@ exports.d65toD50 = d65toD50;
|
|
|
150
141
|
* @param xyz
|
|
151
142
|
*/
|
|
152
143
|
const d50toD65 = (xyz) => {
|
|
153
|
-
return (0,
|
|
144
|
+
return (0, color_math_1.multiplyMatrices)([
|
|
154
145
|
0.955473421488075, -0.02309845494876471, 0.06325924320057072, -0.0283697093338637, 1.0099953980813041,
|
|
155
146
|
0.021041441191917323, 0.012314014864481998, -0.020507649298898964, 1.330365926242124
|
|
156
147
|
], xyz);
|
|
@@ -206,11 +197,11 @@ const lch2lab = ([l, c, h]) => {
|
|
|
206
197
|
* @param lab
|
|
207
198
|
*/
|
|
208
199
|
const oklab2xyz = (lab) => {
|
|
209
|
-
const LMSg = (0,
|
|
200
|
+
const LMSg = (0, color_math_1.multiplyMatrices)([
|
|
210
201
|
1, 0.3963377773761749, 0.2158037573099136, 1, -0.1055613458156586, -0.0638541728258133, 1,
|
|
211
202
|
-0.0894841775298119, -1.2914855480194092
|
|
212
203
|
], lab), LMS = LMSg.map((val) => val ** 3);
|
|
213
|
-
return (0,
|
|
204
|
+
return (0, color_math_1.multiplyMatrices)([
|
|
214
205
|
1.2268798758459243, -0.5578149944602171, 0.2813910456659647, -0.0405757452148008, 1.112286803280317,
|
|
215
206
|
-0.0717110580655164, -0.0763729366746601, -0.4214933324022432, 1.5869240198367816
|
|
216
207
|
], LMS);
|