@lightningjs/renderer 3.0.3 → 3.0.5
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/dist/src/common/EventEmitter.d.ts +7 -4
- package/dist/src/common/EventEmitter.js +1 -1
- package/dist/src/common/EventEmitter.js.map +1 -1
- package/dist/src/core/AutosizeManager.d.ts +29 -0
- package/dist/src/core/AutosizeManager.js +169 -0
- package/dist/src/core/AutosizeManager.js.map +1 -0
- package/dist/src/core/CoreNode.d.ts +2 -1
- package/dist/src/core/CoreNode.js +6 -3
- package/dist/src/core/CoreNode.js.map +1 -1
- package/dist/src/core/CoreTextNode.d.ts +18 -5
- package/dist/src/core/CoreTextNode.js +141 -59
- package/dist/src/core/CoreTextNode.js.map +1 -1
- package/dist/src/core/CoreTextNodeCanvas.d.ts +215 -0
- package/dist/src/core/CoreTextNodeCanvas.js +236 -0
- package/dist/src/core/CoreTextNodeCanvas.js.map +1 -0
- package/dist/src/core/Stage.js +10 -0
- package/dist/src/core/Stage.js.map +1 -1
- package/dist/src/core/TextureMemoryManager.js +4 -3
- package/dist/src/core/TextureMemoryManager.js.map +1 -1
- package/dist/src/core/animations/Animation.d.ts +21 -0
- package/dist/src/core/animations/Animation.js +194 -0
- package/dist/src/core/animations/Animation.js.map +1 -0
- package/dist/src/core/animations/AnimationManager.d.ts +1 -1
- package/dist/src/core/animations/AnimationManager.js +5 -5
- package/dist/src/core/animations/AnimationManager.js.map +1 -1
- package/dist/src/core/animations/CoreAnimation.d.ts +11 -2
- package/dist/src/core/animations/CoreAnimation.js +44 -38
- package/dist/src/core/animations/CoreAnimation.js.map +1 -1
- package/dist/src/core/animations/CoreAnimationController.d.ts +6 -0
- package/dist/src/core/animations/CoreAnimationController.js +16 -3
- package/dist/src/core/animations/CoreAnimationController.js.map +1 -1
- package/dist/src/core/animations/Playback.d.ts +64 -0
- package/dist/src/core/animations/Playback.js +169 -0
- package/dist/src/core/animations/Playback.js.map +1 -0
- package/dist/src/core/animations/Ticker.d.ts +71 -0
- package/dist/src/core/animations/Ticker.js +89 -0
- package/dist/src/core/animations/Ticker.js.map +1 -0
- package/dist/src/core/animations/Transition.d.ts +38 -0
- package/dist/src/core/animations/Transition.js +35 -0
- package/dist/src/core/animations/Transition.js.map +1 -0
- package/dist/src/core/animations/TransitionsController.d.ts +10 -0
- package/dist/src/core/animations/TransitionsController.js +39 -0
- package/dist/src/core/animations/TransitionsController.js.map +1 -0
- package/dist/src/core/animations/utils.d.ts +2 -0
- package/dist/src/core/animations/utils.js +136 -0
- package/dist/src/core/animations/utils.js.map +1 -0
- package/dist/src/core/lib/ImageWorker.d.ts +2 -2
- package/dist/src/core/lib/ImageWorker.js +11 -30
- package/dist/src/core/lib/ImageWorker.js.map +1 -1
- package/dist/src/core/lib/WebGlContextWrapper.d.ts +5 -16
- package/dist/src/core/lib/WebGlContextWrapper.js +1 -35
- package/dist/src/core/lib/WebGlContextWrapper.js.map +1 -1
- package/dist/src/core/lib/textureCompression.d.ts +2 -14
- package/dist/src/core/lib/textureCompression.js +67 -320
- package/dist/src/core/lib/textureCompression.js.map +1 -1
- package/dist/src/core/platform.js +9 -38
- package/dist/src/core/platform.js.map +1 -1
- package/dist/src/core/renderers/canvas/CanvasCoreRenderer.d.ts +0 -1
- package/dist/src/core/renderers/canvas/CanvasCoreRenderer.js +3 -11
- package/dist/src/core/renderers/canvas/CanvasCoreRenderer.js.map +1 -1
- package/dist/src/core/renderers/canvas/CanvasCoreTexture.d.ts +1 -2
- package/dist/src/core/renderers/canvas/CanvasCoreTexture.js +11 -16
- package/dist/src/core/renderers/canvas/CanvasCoreTexture.js.map +1 -1
- package/dist/src/core/renderers/canvas/CanvasRenderer.js +14 -1
- package/dist/src/core/renderers/canvas/CanvasRenderer.js.map +1 -1
- package/dist/src/core/renderers/canvas/CanvasTexture.d.ts +1 -1
- package/dist/src/core/renderers/canvas/CanvasTexture.js +16 -6
- package/dist/src/core/renderers/canvas/CanvasTexture.js.map +1 -1
- package/dist/src/core/renderers/canvas/internal/C2DShaderUtils.d.ts +0 -13
- package/dist/src/core/renderers/canvas/internal/C2DShaderUtils.js +192 -113
- package/dist/src/core/renderers/canvas/internal/C2DShaderUtils.js.map +1 -1
- package/dist/src/core/renderers/canvas/internal/ColorUtils.d.ts +2 -0
- package/dist/src/core/renderers/canvas/internal/ColorUtils.js +14 -0
- package/dist/src/core/renderers/canvas/internal/ColorUtils.js.map +1 -1
- package/dist/src/core/renderers/webgl/WebGlCoreCtxRenderTexture.d.ts +1 -2
- package/dist/src/core/renderers/webgl/WebGlCoreCtxRenderTexture.js +5 -12
- package/dist/src/core/renderers/webgl/WebGlCoreCtxRenderTexture.js.map +1 -1
- package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.d.ts +6 -18
- package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.js +60 -102
- package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.js.map +1 -1
- package/dist/src/core/renderers/webgl/WebGlCoreRenderOp.js +1 -1
- package/dist/src/core/renderers/webgl/WebGlCoreRenderer.d.ts +1 -3
- package/dist/src/core/renderers/webgl/WebGlCoreRenderer.js +31 -74
- package/dist/src/core/renderers/webgl/WebGlCoreRenderer.js.map +1 -1
- package/dist/src/core/renderers/webgl/WebGlCoreShader.d.ts +7 -2
- package/dist/src/core/renderers/webgl/WebGlCoreShader.js +50 -21
- package/dist/src/core/renderers/webgl/WebGlCoreShader.js.map +1 -1
- package/dist/src/core/renderers/webgl/WebGlRenderOp.d.ts +2 -3
- package/dist/src/core/renderers/webgl/WebGlRenderOp.js +1 -3
- package/dist/src/core/renderers/webgl/WebGlRenderOp.js.map +1 -1
- package/dist/src/core/renderers/webgl/WebGlRenderer.d.ts +2 -2
- package/dist/src/core/renderers/webgl/WebGlRenderer.js.map +1 -1
- package/dist/src/core/renderers/webgl/WebGlShaderNode.d.ts +1 -0
- package/dist/src/core/renderers/webgl/WebGlShaderNode.js +23 -0
- package/dist/src/core/renderers/webgl/WebGlShaderNode.js.map +1 -1
- package/dist/src/core/renderers/webgl/WebGlShaderProgram.js +4 -5
- package/dist/src/core/renderers/webgl/WebGlShaderProgram.js.map +1 -1
- package/dist/src/core/renderers/webgl/internal/ShaderUtils.d.ts +1 -0
- package/dist/src/core/renderers/webgl/internal/ShaderUtils.js.map +1 -1
- package/dist/src/core/renderers/webgl/shaders/DefaultShader.js +6 -3
- package/dist/src/core/renderers/webgl/shaders/DefaultShader.js.map +1 -1
- package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.js +11 -0
- package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.js.map +1 -1
- package/dist/src/core/renderers/webgl/shaders/DynamicShader.js +10 -5
- package/dist/src/core/renderers/webgl/shaders/DynamicShader.js.map +1 -1
- package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.js +10 -5
- package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.js.map +1 -1
- package/dist/src/core/renderers/webgl/shaders/SdfShader.js +12 -0
- package/dist/src/core/renderers/webgl/shaders/SdfShader.js.map +1 -1
- package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.js +1 -1
- package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.js +1 -1
- package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.js +1 -1
- package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.js +1 -1
- package/dist/src/core/renderers/webgl/shaders/effects/EffectUtils.js +2 -2
- package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.js +5 -5
- package/dist/src/core/renderers/webgl/shaders/effects/HolePunchEffect.js +1 -1
- package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.d.ts +1 -0
- package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.js +30 -14
- package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.js.map +1 -1
- package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.d.ts +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.js +3 -13
- package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.js.map +1 -1
- package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.js +1 -1
- package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.js +5 -5
- package/dist/src/core/shaders/webgl/SdfShadowShader.d.ts +9 -0
- package/dist/src/core/shaders/webgl/SdfShadowShader.js +100 -0
- package/dist/src/core/shaders/webgl/SdfShadowShader.js.map +1 -0
- package/dist/src/core/text-rendering/CanvasFont.d.ts +1 -1
- package/dist/src/core/text-rendering/CanvasFont.js +7 -16
- package/dist/src/core/text-rendering/CanvasFont.js.map +1 -1
- package/dist/src/core/text-rendering/CanvasFontHandler.d.ts +1 -1
- package/dist/src/core/text-rendering/CanvasFontHandler.js +1 -1
- package/dist/src/core/text-rendering/CanvasFontHandler.js.map +1 -1
- package/dist/src/core/text-rendering/CanvasTextRenderer.d.ts +2 -3
- package/dist/src/core/text-rendering/CanvasTextRenderer.js +7 -5
- package/dist/src/core/text-rendering/CanvasTextRenderer.js.map +1 -1
- package/dist/src/core/text-rendering/CoreFont.d.ts +1 -1
- package/dist/src/core/text-rendering/CoreFont.js +1 -1
- package/dist/src/core/text-rendering/CoreFont.js.map +1 -1
- package/dist/src/core/text-rendering/FontManager.js +2 -1
- package/dist/src/core/text-rendering/FontManager.js.map +1 -1
- package/dist/src/core/text-rendering/SdfTextRenderer.d.ts +3 -5
- package/dist/src/core/text-rendering/SdfTextRenderer.js +19 -109
- package/dist/src/core/text-rendering/SdfTextRenderer.js.map +1 -1
- package/dist/src/core/text-rendering/TextLayoutEngine.js +43 -12
- package/dist/src/core/text-rendering/TextLayoutEngine.js.map +1 -1
- package/dist/src/core/text-rendering/TextRenderer.d.ts +16 -8
- package/dist/src/core/text-rendering/canvas/Settings.d.ts +64 -0
- package/dist/src/core/text-rendering/canvas/Settings.js +20 -0
- package/dist/src/core/text-rendering/canvas/Settings.js.map +1 -0
- package/dist/src/core/text-rendering/canvas/Utils.d.ts +20 -0
- package/dist/src/core/text-rendering/canvas/Utils.js +144 -0
- package/dist/src/core/text-rendering/canvas/Utils.js.map +1 -0
- package/dist/src/core/text-rendering/canvas/calculateRenderInfo.d.ts +60 -0
- package/dist/src/core/text-rendering/canvas/calculateRenderInfo.js +183 -0
- package/dist/src/core/text-rendering/canvas/calculateRenderInfo.js.map +1 -0
- package/dist/src/core/text-rendering/canvas/draw.d.ts +5 -0
- package/dist/src/core/text-rendering/canvas/draw.js +132 -0
- package/dist/src/core/text-rendering/canvas/draw.js.map +1 -0
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.js +2 -2
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.js.map +1 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.d.ts +3 -4
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.js +46 -98
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.js.map +1 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getStartConditions.d.ts +1 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.d.ts +2 -2
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.js +66 -8
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.js.map +1 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.d.ts +1 -1
- package/dist/src/core/text-rendering/renderers/TextRenderer.d.ts +1 -1
- package/dist/src/core/text-rendering/renderers/canvas/CanvasTextRenderer.d.ts +26 -0
- package/dist/src/core/text-rendering/renderers/canvas/CanvasTextRenderer.js +158 -0
- package/dist/src/core/text-rendering/renderers/canvas/CanvasTextRenderer.js.map +1 -0
- package/dist/src/core/text-rendering/renderers/canvas/internal/draw.d.ts +5 -0
- package/dist/src/core/text-rendering/renderers/canvas/internal/draw.js +127 -0
- package/dist/src/core/text-rendering/renderers/canvas/internal/draw.js.map +1 -0
- package/dist/src/core/text-rendering/renderers/canvas/internal/mergeDefaults.d.ts +2 -0
- package/dist/src/core/text-rendering/renderers/canvas/internal/mergeDefaults.js +50 -0
- package/dist/src/core/text-rendering/renderers/canvas/internal/mergeDefaults.js.map +1 -0
- package/dist/src/core/text-rendering/renderers/canvas/internal/renderInfo.d.ts +33 -0
- package/dist/src/core/text-rendering/renderers/canvas/internal/renderInfo.js +192 -0
- package/dist/src/core/text-rendering/renderers/canvas/internal/renderInfo.js.map +1 -0
- package/dist/src/core/text-rendering/renderers/canvas/internal/types.d.ts +66 -0
- package/dist/src/core/text-rendering/renderers/canvas/internal/types.js +2 -0
- package/dist/src/core/text-rendering/renderers/canvas/internal/types.js.map +1 -0
- package/dist/src/core/text-rendering/renderers/canvas/internal/utils.d.ts +91 -0
- package/dist/src/core/text-rendering/renderers/canvas/internal/utils.js +282 -0
- package/dist/src/core/text-rendering/renderers/canvas/internal/utils.js.map +1 -0
- package/dist/src/core/text-rendering/sdf/PeekableGenerator.d.ts +12 -0
- package/dist/src/core/text-rendering/sdf/PeekableGenerator.js +61 -0
- package/dist/src/core/text-rendering/sdf/PeekableGenerator.js.map +1 -0
- package/dist/src/core/text-rendering/sdf/SimpleFontShaper.d.ts +45 -0
- package/dist/src/core/text-rendering/sdf/SimpleFontShaper.js +69 -0
- package/dist/src/core/text-rendering/sdf/SimpleFontShaper.js.map +1 -0
- package/dist/src/core/text-rendering/sdf/Utils.d.ts +26 -0
- package/dist/src/core/text-rendering/sdf/Utils.js +301 -0
- package/dist/src/core/text-rendering/sdf/Utils.js.map +1 -0
- package/dist/src/core/text-rendering/sdf/index.d.ts +1 -0
- package/dist/src/core/text-rendering/sdf/index.js +20 -0
- package/dist/src/core/text-rendering/sdf/index.js.map +1 -0
- package/dist/src/core/textures/ImageTexture.js +11 -0
- package/dist/src/core/textures/ImageTexture.js.map +1 -1
- package/dist/src/core/textures/Texture.js +5 -0
- package/dist/src/core/textures/Texture.js.map +1 -1
- package/dist/src/main-api/Inspector.d.ts +1 -1
- package/dist/src/main-api/Inspector.js +25 -20
- package/dist/src/main-api/Inspector.js.map +1 -1
- package/dist/tsconfig.dist.tsbuildinfo +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -0
- package/package.json +1 -1
- package/src/common/EventEmitter.ts +6 -8
- package/src/core/CoreNode.test.ts +1 -1
- package/src/core/CoreNode.ts +8 -4
- package/src/core/CoreTextNode.test.ts +138 -25
- package/src/core/CoreTextNode.ts +174 -67
- package/src/core/Stage.ts +11 -0
- package/src/core/TextureMemoryManager.ts +4 -3
- package/src/core/animations/AnimationManager.ts +5 -5
- package/src/core/animations/CoreAnimation.ts +61 -45
- package/src/core/animations/CoreAnimationController.ts +16 -7
- package/src/core/renderers/canvas/CanvasRenderer.ts +19 -1
- package/src/core/renderers/canvas/CanvasTexture.ts +23 -8
- package/src/core/renderers/webgl/WebGlRenderer.ts +2 -3
- package/src/core/renderers/webgl/WebGlShaderNode.ts +24 -0
- package/src/core/renderers/webgl/WebGlShaderProgram.test.ts +274 -0
- package/src/core/renderers/webgl/WebGlShaderProgram.ts +10 -10
- package/src/core/renderers/webgl/internal/ShaderUtils.ts +1 -0
- package/src/core/text-rendering/CanvasFontHandler.ts +2 -2
- package/src/core/text-rendering/CanvasTextRenderer.ts +14 -7
- package/src/core/text-rendering/SdfTextRenderer.ts +28 -140
- package/src/core/text-rendering/TextLayoutEngine.ts +61 -28
- package/src/core/text-rendering/TextRenderer.ts +19 -12
- package/src/core/text-rendering/tests/TextLayoutEngine.test.ts +20 -0
- package/src/core/textures/ImageTexture.ts +18 -0
- package/src/core/textures/Texture.ts +6 -0
- package/src/main-api/Inspector.ts +25 -25
- package/dist/src/core/text-rendering/TextGenerator.d.ts +0 -10
- package/dist/src/core/text-rendering/TextGenerator.js +0 -36
- package/dist/src/core/text-rendering/TextGenerator.js.map +0 -1
- package/src/core/renderers/webgl/SdfRenderOp.ts +0 -106
|
@@ -0,0 +1,158 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* If not stated otherwise in this file or this component's LICENSE file the
|
|
3
|
+
* following copyright and licenses apply:
|
|
4
|
+
*
|
|
5
|
+
* Copyright 2023 Comcast Cable Communications Management, LLC.
|
|
6
|
+
*
|
|
7
|
+
* Licensed under the Apache License, Version 2.0 (the License);
|
|
8
|
+
* you may not use this file except in compliance with the License.
|
|
9
|
+
* You may obtain a copy of the License at
|
|
10
|
+
*
|
|
11
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
12
|
+
*
|
|
13
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
14
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
15
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
16
|
+
* See the License for the specific language governing permissions and
|
|
17
|
+
* limitations under the License.
|
|
18
|
+
*/
|
|
19
|
+
import { EventEmitter } from '../../../common/EventEmitter.js';
|
|
20
|
+
import { assertTruthy } from '../../../utils.js';
|
|
21
|
+
import { getNormalizedRgbaComponents, getNormalizedAlphaComponent, } from '../../lib/utils.js';
|
|
22
|
+
import {} from '../TrFontManager.js';
|
|
23
|
+
import { WebTrFontFace } from '../font-face-types/WebTrFontFace.js';
|
|
24
|
+
import { LightningTextTextureRenderer, } from './LightningTextTextureRenderer.js';
|
|
25
|
+
import { TextRenderer, } from './TextRenderer.js';
|
|
26
|
+
const resolvedGlobal = typeof self === 'undefined' ? globalThis : self;
|
|
27
|
+
/**
|
|
28
|
+
* Global font set regardless of if run in the main thread or a web worker
|
|
29
|
+
*/
|
|
30
|
+
const globalFontSet = (resolvedGlobal.document?.fonts ||
|
|
31
|
+
resolvedGlobal.fonts);
|
|
32
|
+
function getFontCssString(props) {
|
|
33
|
+
const { fontFamily, fontStyle, fontWeight, fontStretch, fontSize } = props;
|
|
34
|
+
return [fontStyle, fontWeight, fontStretch, `${fontSize}px`, fontFamily].join(' ');
|
|
35
|
+
}
|
|
36
|
+
export class CanvasTextRenderer extends TextRenderer {
|
|
37
|
+
canvas;
|
|
38
|
+
context;
|
|
39
|
+
/**
|
|
40
|
+
* Font family map used to store web font faces that were added to the
|
|
41
|
+
* canvas text renderer.
|
|
42
|
+
*/
|
|
43
|
+
fontFamilies = {};
|
|
44
|
+
fontFamilyArray = [this.fontFamilies];
|
|
45
|
+
type = 'canvas';
|
|
46
|
+
constructor(stage) {
|
|
47
|
+
super(stage);
|
|
48
|
+
if (typeof OffscreenCanvas !== 'undefined') {
|
|
49
|
+
this.canvas = new OffscreenCanvas(0, 0);
|
|
50
|
+
}
|
|
51
|
+
else {
|
|
52
|
+
this.canvas = document.createElement('canvas');
|
|
53
|
+
}
|
|
54
|
+
let context = this.canvas.getContext('2d');
|
|
55
|
+
if (!context) {
|
|
56
|
+
// A browser may appear to support OffscreenCanvas but not actually support the Canvas '2d' context
|
|
57
|
+
// Here we try getting the context again after falling back to an HTMLCanvasElement.
|
|
58
|
+
// See: https://github.com/lightning-js/renderer/issues/26#issuecomment-1750438486
|
|
59
|
+
this.canvas = document.createElement('canvas');
|
|
60
|
+
context = this.canvas.getContext('2d');
|
|
61
|
+
}
|
|
62
|
+
assertTruthy(context);
|
|
63
|
+
this.context = context;
|
|
64
|
+
// Install the default 'san-serif' font face
|
|
65
|
+
this.addFontFace(new WebTrFontFace({
|
|
66
|
+
fontFamily: 'sans-serif',
|
|
67
|
+
descriptors: {},
|
|
68
|
+
fontUrl: '',
|
|
69
|
+
}));
|
|
70
|
+
}
|
|
71
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
72
|
+
canRenderFont(props) {
|
|
73
|
+
// The canvas renderer can render any font because it automatically
|
|
74
|
+
// falls back to system fonts. The CanvasTextRenderer should be
|
|
75
|
+
// checked last if other renderers are preferred.
|
|
76
|
+
return true;
|
|
77
|
+
}
|
|
78
|
+
isFontFaceSupported(fontFace) {
|
|
79
|
+
return fontFace instanceof WebTrFontFace;
|
|
80
|
+
}
|
|
81
|
+
isFontLoaded(props) {
|
|
82
|
+
return globalFontSet.check(getFontCssString(props));
|
|
83
|
+
}
|
|
84
|
+
addFontFace(fontFace) {
|
|
85
|
+
// Make sure the font face is an Canvas font face (it should have already passed
|
|
86
|
+
// the `isFontFaceSupported` check)
|
|
87
|
+
assertTruthy(fontFace instanceof WebTrFontFace);
|
|
88
|
+
const fontFamily = fontFace.fontFamily;
|
|
89
|
+
// Add the font face to the document
|
|
90
|
+
// Except for the 'sans-serif' font family, which the Renderer provides
|
|
91
|
+
// as a special default fallback.
|
|
92
|
+
if (fontFamily !== 'sans-serif') {
|
|
93
|
+
// @ts-expect-error `add()` method should be available from a FontFaceSet
|
|
94
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-call
|
|
95
|
+
globalFontSet.add(fontFace.fontFace);
|
|
96
|
+
}
|
|
97
|
+
let faceSet = this.fontFamilies[fontFamily];
|
|
98
|
+
if (!faceSet) {
|
|
99
|
+
faceSet = new Set();
|
|
100
|
+
this.fontFamilies[fontFamily] = faceSet;
|
|
101
|
+
}
|
|
102
|
+
faceSet.add(fontFace);
|
|
103
|
+
}
|
|
104
|
+
renderText(props) {
|
|
105
|
+
// load the canvas texture
|
|
106
|
+
assertTruthy(renderInfo);
|
|
107
|
+
lightning2TextRenderer.draw(renderInfo, {
|
|
108
|
+
lines: renderInfo.lines,
|
|
109
|
+
lineWidths: renderInfo.lineWidths,
|
|
110
|
+
});
|
|
111
|
+
if (this.canvas.width === 0 || this.canvas.height === 0) {
|
|
112
|
+
return null;
|
|
113
|
+
}
|
|
114
|
+
return this.context.getImageData(0, 0, this.canvas.width, this.canvas.height);
|
|
115
|
+
const texture = this.stage.txManager.createTexture('ImageTexture', {
|
|
116
|
+
premultiplyAlpha: true,
|
|
117
|
+
src: ,
|
|
118
|
+
if(state) { }, : .textureNode
|
|
119
|
+
}), {
|
|
120
|
+
// Use the existing texture node
|
|
121
|
+
state, textureNode, texture = texture };
|
|
122
|
+
// Update the alpha
|
|
123
|
+
state.textureNode.alpha = getNormalizedAlphaComponent(state.props.color);
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
{
|
|
127
|
+
// Create a new texture node
|
|
128
|
+
const textureNode = this.stage.createNode({
|
|
129
|
+
parent: node,
|
|
130
|
+
texture,
|
|
131
|
+
autosize: true,
|
|
132
|
+
// The alpha channel of the color is ignored when rasterizing the text
|
|
133
|
+
// texture so we need to pass it directly to the texture node.
|
|
134
|
+
alpha: getNormalizedAlphaComponent(state.props.color),
|
|
135
|
+
});
|
|
136
|
+
state.textureNode = textureNode;
|
|
137
|
+
}
|
|
138
|
+
this.setStatus(state, 'loaded');
|
|
139
|
+
loadFont = (props) => {
|
|
140
|
+
// this shouldnt be necessary?
|
|
141
|
+
if (this.isFontLoaded(props)) {
|
|
142
|
+
assertTruthy(this.fontFamilies[props.fontFamily], 'font already loaded');
|
|
143
|
+
return Promise.resolve();
|
|
144
|
+
}
|
|
145
|
+
return new Promise((resolve, reject) => {
|
|
146
|
+
const cssString = getFontCssString(props);
|
|
147
|
+
const trFontFace = this.stage.fontManager.resolveFontFace(this.fontFamilyArray, props, 'canvas');
|
|
148
|
+
assertTruthy(trFontFace, `Could not resolve font face for ${cssString}`);
|
|
149
|
+
// If font is not loaded, set up a handler to update the font info when the font loads
|
|
150
|
+
globalFontSet.load(cssString)
|
|
151
|
+
.then(() => {
|
|
152
|
+
this.addFontFace(trFontFace);
|
|
153
|
+
resolve();
|
|
154
|
+
})
|
|
155
|
+
.catch(reject);
|
|
156
|
+
});
|
|
157
|
+
};
|
|
158
|
+
//# sourceMappingURL=CanvasTextRenderer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CanvasTextRenderer.js","sourceRoot":"","sources":["../../../../../../src/core/text-rendering/renderers/canvas/CanvasTextRenderer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAIjD,OAAO,EACL,2BAA2B,EAC3B,2BAA2B,GAC5B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAsB,MAAM,qBAAqB,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,EACL,4BAA4B,GAE7B,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EACL,YAAY,GAGb,MAAM,mBAAmB,CAAC;AAE3B,MAAM,cAAc,GAAG,OAAO,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;AAEvE;;GAEG;AACH,MAAM,aAAa,GAAgB,CAAC,cAAc,CAAC,QAAQ,EAAE,KAAK;IAC/D,cAAsB,CAAC,KAAK,CAAgB,CAAC;AAQhD,SAAS,gBAAgB,CAAC,KAAc;IACtC,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3E,OAAO,CAAC,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,QAAQ,IAAI,EAAE,UAAU,CAAC,CAAC,IAAI,CAC3E,GAAG,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,OAAO,kBAAmB,SAAQ,YAAY;IACxC,MAAM,CAAsC;IAC5C,OAAO,CAEY;IAC7B;;;OAGG;IACK,YAAY,GAAkB,EAAE,CAAC;IACjC,eAAe,GAAoB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAExD,IAAI,GAAqB,QAAQ,CAAC;IAEzC,YAAY,KAAY;QACtB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,OAAO,eAAe,KAAK,WAAW,EAAE,CAAC;YAC3C,IAAI,CAAC,MAAM,GAAG,IAAI,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAC1C,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACjD,CAAC;QAED,IAAI,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAwE,CAAC;QAClH,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,mGAAmG;YACnG,oFAAoF;YACpF,kFAAkF;YAClF,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAC/C,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACzC,CAAC;QAED,YAAY,CAAC,OAAO,CAAC,CAAC;QACtB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QAEvB,4CAA4C;QAC5C,IAAI,CAAC,WAAW,CACd,IAAI,aAAa,CAAC;YAChB,UAAU,EAAE,YAAY;YACxB,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,EAAE;SACZ,CAAC,CACH,CAAC;IACJ,CAAC;IAED,6DAA6D;IACpD,aAAa,CAAC,KAAkB;QACvC,mEAAmE;QACnE,+DAA+D;QAC/D,iDAAiD;QACjD,OAAO,IAAI,CAAC;IACd,CAAC;IAEQ,mBAAmB,CAAC,QAAoB;QAC/C,OAAO,QAAQ,YAAY,aAAa,CAAC;IAC3C,CAAC;IAED,YAAY,CAAC,KAAwB;QACnC,OAAO,aAAa,CAAC,KAAK,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC;IACtD,CAAC;IAEQ,WAAW,CAAC,QAAoB;QACvC,gFAAgF;QAChF,mCAAmC;QACnC,YAAY,CAAC,QAAQ,YAAY,aAAa,CAAC,CAAC;QAEhD,MAAM,UAAU,GAAG,QAAQ,CAAC,UAAU,CAAC;QAEvC,oCAAoC;QACpC,uEAAuE;QACvE,iCAAiC;QACjC,IAAI,UAAU,KAAK,YAAY,EAAE,CAAC;YAChC,yEAAyE;YACzE,6DAA6D;YAC7D,aAAa,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACvC,CAAC;QAED,IAAI,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;QAC5C,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO,GAAG,IAAI,GAAG,EAAE,CAAC;YACpB,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,GAAG,OAAO,CAAC;QAC1C,CAAC;QACD,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC;IAED,UAAU,CAAC,KAAwB;QAEjC,0BAA0B;QAC1B,YAAY,CAAC,UAAU,CAAC,CAAC;QACzB,sBAAsB,CAAC,IAAI,CAAC,UAAU,EAAE;YACtC,KAAK,EAAE,UAAU,CAAC,KAAK;YACvB,UAAU,EAAE,UAAU,CAAC,UAAU;SAClC,CAAC,CAAC;QACH,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,KAAK,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACxD,OAAO,IAAI,CAAC;QACd,CAAC;QACD,OAAO,IAAI,CAAC,OAAO,CAAC,YAAY,CAC9B,CAAC,EACD,CAAC,EACD,IAAI,CAAC,MAAM,CAAC,KAAK,EACjB,IAAI,CAAC,MAAM,CAAC,MAAM,CACnB,CAAC;QAKF,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,cAAc,EAAE;YACjE,gBAAgB,EAAE,IAAI;YACtB,GAAG,EAEL,AAFM;YAEN,EAAE,CAAE,KAAK,IAAA,CAAC,AAAD,EAAA,EAAA,CAAC,WAAW;SAAA,CAAC,EAAC;QACrB,gCAAgC;QAChC,KAAK,EAAC,WAAW,EAAC,OAAO,GAAG,OAAO,EAAA,CAAC;QACpC,mBAAmB;QACnB,KAAK,CAAC,WAAW,CAAC,KAAK,GAAG,2BAA2B,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC3E,CAAC;CAAK;AAAC,CAAC;IACN,4BAA4B;IAC5B,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;QACxC,MAAM,EAAE,IAAI;QACZ,OAAO;QACP,QAAQ,EAAE,IAAI;QACd,sEAAsE;QACtE,8DAA8D;QAC9D,KAAK,EAAE,2BAA2B,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;KACtD,CAAC,CAAC;IACH,KAAK,CAAC,WAAW,GAAG,WAAW,CAAC;AAClC,CAAC;AAED,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAGlC,QAAQ,GAAG,CAAC,KAAwB,EAAiB,EAAE;IACrD,8BAA8B;IAC9B,IAAI,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;QAC7B,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,qBAAqB,CAAC,CAAC;QACzE,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;IAC3B,CAAC;IAED,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACrC,MAAM,SAAS,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAE1C,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,eAAe,CACvD,IAAI,CAAC,eAAe,EACpB,KAAK,EACL,QAAQ,CACoB,CAAC;QAE/B,YAAY,CAAC,UAAU,EAAE,mCAAmC,SAAS,EAAE,CAAC,CAAC;QAEzE,sFAAsF;QACtF,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC;aAC5B,IAAI,CAAC,GAAG,EAAE;YACT,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YAC7B,OAAO,EAAE,CAAC;QACZ,CAAC,CAAC;aACD,KAAK,CAAC,MAAM,CAAC,CAAC;IACjB,CAAC,CAAC,CAAC;AACL,CAAC,CAAC"}
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
import { getRgbaString } from '../../../../lib/utils.js';
|
|
2
|
+
import { calcHeight, measureText } from './utils.js';
|
|
3
|
+
import { parseRenderInfo } from './renderInfo.js';
|
|
4
|
+
const MAX_TEXTURE_DIMENSION = 2048;
|
|
5
|
+
export const draw = (props, precision, canvas, linesOverride) => {
|
|
6
|
+
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
7
|
+
const context = canvas.getContext('2d');
|
|
8
|
+
// get RenderInfo values
|
|
9
|
+
const { renderInfo, settings } = parseRenderInfo(props, precision, context);
|
|
10
|
+
// Allow lines to be overriden for partial rendering.
|
|
11
|
+
const lines = linesOverride?.lines || renderInfo.lines;
|
|
12
|
+
const lineWidths = linesOverride?.lineWidths || renderInfo.lineWidths;
|
|
13
|
+
const height = linesOverride
|
|
14
|
+
? calcHeight(renderInfo.textBaseline, renderInfo.fontSize, renderInfo.lineHeight, linesOverride.lines.length)
|
|
15
|
+
: renderInfo.height;
|
|
16
|
+
// Add extra margin to prevent issue with clipped text when scaling.
|
|
17
|
+
canvas.width = Math.min(Math.ceil(renderInfo.width + settings.textRenderIssueMargin), MAX_TEXTURE_DIMENSION);
|
|
18
|
+
canvas.height = Math.min(Math.ceil(height), MAX_TEXTURE_DIMENSION);
|
|
19
|
+
// Canvas context has been reset.
|
|
20
|
+
// @todo do we need this? also done at renderinfo?
|
|
21
|
+
// this.setFontProperties();
|
|
22
|
+
if (renderInfo.fontSize >= 128) {
|
|
23
|
+
// WpeWebKit bug: must force compositing because cairo-traps-compositor will not work with text first.
|
|
24
|
+
context.globalAlpha = 0.01;
|
|
25
|
+
context.fillRect(0, 0, 0.01, 0.01);
|
|
26
|
+
context.globalAlpha = 1.0;
|
|
27
|
+
}
|
|
28
|
+
if (renderInfo.cutSx || renderInfo.cutSy) {
|
|
29
|
+
context.translate(-renderInfo.cutSx, -renderInfo.cutSy);
|
|
30
|
+
}
|
|
31
|
+
let linePositionX;
|
|
32
|
+
let linePositionY;
|
|
33
|
+
const drawLines = [];
|
|
34
|
+
const { metrics } = renderInfo;
|
|
35
|
+
/**
|
|
36
|
+
* Ascender (in pixels)
|
|
37
|
+
*/
|
|
38
|
+
const ascenderPx = metrics
|
|
39
|
+
? metrics.ascender * renderInfo.fontSize
|
|
40
|
+
: renderInfo.fontSize;
|
|
41
|
+
/**
|
|
42
|
+
* Bare line height is the distance between the ascender and descender of the font.
|
|
43
|
+
* without the line gap metric.
|
|
44
|
+
*/
|
|
45
|
+
const bareLineHeightPx = (metrics.ascender - metrics.descender) * renderInfo.fontSize;
|
|
46
|
+
// Draw lines line by line.
|
|
47
|
+
for (let i = 0, n = lines.length; i < n; i++) {
|
|
48
|
+
linePositionX = i === 0 ? renderInfo.textIndent : 0;
|
|
49
|
+
// By default, text is aligned to top
|
|
50
|
+
linePositionY = i * renderInfo.lineHeight + ascenderPx;
|
|
51
|
+
if (settings.verticalAlign == 'middle') {
|
|
52
|
+
linePositionY += (renderInfo.lineHeight - bareLineHeightPx) / 2;
|
|
53
|
+
}
|
|
54
|
+
else if (settings.verticalAlign == 'bottom') {
|
|
55
|
+
linePositionY += renderInfo.lineHeight - bareLineHeightPx;
|
|
56
|
+
}
|
|
57
|
+
if (settings.textAlign === 'right') {
|
|
58
|
+
linePositionX += renderInfo.innerWidth - lineWidths[i];
|
|
59
|
+
}
|
|
60
|
+
else if (settings.textAlign === 'center') {
|
|
61
|
+
linePositionX += (renderInfo.innerWidth - lineWidths[i]) / 2;
|
|
62
|
+
}
|
|
63
|
+
linePositionX += renderInfo.paddingLeft;
|
|
64
|
+
drawLines.push({
|
|
65
|
+
text: lines[i],
|
|
66
|
+
x: linePositionX,
|
|
67
|
+
y: linePositionY,
|
|
68
|
+
w: lineWidths[i],
|
|
69
|
+
});
|
|
70
|
+
}
|
|
71
|
+
// Highlight.
|
|
72
|
+
if (settings.highlight) {
|
|
73
|
+
const color = settings.highlightColor;
|
|
74
|
+
const hlHeight = settings.highlightHeight * precision || renderInfo.fontSize * 1.5;
|
|
75
|
+
const offset = settings.highlightOffset * precision;
|
|
76
|
+
const hlPaddingLeft = settings.highlightPaddingLeft !== null
|
|
77
|
+
? settings.highlightPaddingLeft * precision
|
|
78
|
+
: renderInfo.paddingLeft;
|
|
79
|
+
const hlPaddingRight = settings.highlightPaddingRight !== null
|
|
80
|
+
? settings.highlightPaddingRight * precision
|
|
81
|
+
: renderInfo.paddingRight;
|
|
82
|
+
context.fillStyle = getRgbaString(color);
|
|
83
|
+
for (let i = 0; i < drawLines.length; i++) {
|
|
84
|
+
const drawLine = drawLines[i];
|
|
85
|
+
context.fillRect(drawLine.x - hlPaddingLeft, drawLine.y - renderInfo.offsetY + offset, drawLine.w + hlPaddingRight + hlPaddingLeft, hlHeight);
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
// Text shadow.
|
|
89
|
+
let prevShadowSettings = null;
|
|
90
|
+
if (settings.shadow) {
|
|
91
|
+
prevShadowSettings = [
|
|
92
|
+
context.shadowColor,
|
|
93
|
+
context.shadowOffsetX,
|
|
94
|
+
context.shadowOffsetY,
|
|
95
|
+
context.shadowBlur,
|
|
96
|
+
];
|
|
97
|
+
context.shadowColor = getRgbaString(settings.shadowColor);
|
|
98
|
+
context.shadowOffsetX = settings.shadowOffsetX * precision;
|
|
99
|
+
context.shadowOffsetY = settings.shadowOffsetY * precision;
|
|
100
|
+
context.shadowBlur = settings.shadowBlur * precision;
|
|
101
|
+
}
|
|
102
|
+
context.fillStyle = getRgbaString(settings.textColor);
|
|
103
|
+
for (let i = 0, n = drawLines.length; i < n; i++) {
|
|
104
|
+
const drawLine = drawLines[i];
|
|
105
|
+
if (renderInfo.letterSpacing === 0) {
|
|
106
|
+
context.fillText(drawLine.text, drawLine.x, drawLine.y);
|
|
107
|
+
}
|
|
108
|
+
else {
|
|
109
|
+
const textSplit = drawLine.text.split('');
|
|
110
|
+
let x = drawLine.x;
|
|
111
|
+
for (let i = 0, j = textSplit.length; i < j; i++) {
|
|
112
|
+
context.fillText(textSplit[i], x, drawLine.y);
|
|
113
|
+
x += measureText(textSplit[i], renderInfo.letterSpacing, context);
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
if (prevShadowSettings) {
|
|
118
|
+
context.shadowColor = prevShadowSettings[0];
|
|
119
|
+
context.shadowOffsetX = prevShadowSettings[1];
|
|
120
|
+
context.shadowOffsetY = prevShadowSettings[2];
|
|
121
|
+
context.shadowBlur = prevShadowSettings[3];
|
|
122
|
+
}
|
|
123
|
+
if (renderInfo.cutSx || renderInfo.cutSy) {
|
|
124
|
+
context.translate(renderInfo.cutSx, renderInfo.cutSy);
|
|
125
|
+
}
|
|
126
|
+
};
|
|
127
|
+
//# sourceMappingURL=draw.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"draw.js","sourceRoot":"","sources":["../../../../../../../src/core/text-rendering/renderers/canvas/internal/draw.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import {} from "./types";
|
|
2
|
+
export const mergeDefaults = (settings) => {
|
|
3
|
+
return {
|
|
4
|
+
text: '',
|
|
5
|
+
w: 0,
|
|
6
|
+
h: 0,
|
|
7
|
+
fontStyle: 'normal',
|
|
8
|
+
fontSize: 40,
|
|
9
|
+
fontFamily: null,
|
|
10
|
+
trFontFace: null,
|
|
11
|
+
wordWrap: true,
|
|
12
|
+
wordWrapWidth: 0,
|
|
13
|
+
wordBreak: false,
|
|
14
|
+
textOverflow: '',
|
|
15
|
+
lineHeight: null,
|
|
16
|
+
textBaseline: 'alphabetic',
|
|
17
|
+
textAlign: 'left',
|
|
18
|
+
verticalAlign: 'top',
|
|
19
|
+
offsetY: null,
|
|
20
|
+
maxLines: 0,
|
|
21
|
+
maxHeight: null,
|
|
22
|
+
overflowSuffix: '...',
|
|
23
|
+
textColor: [1.0, 1.0, 1.0, 1.0],
|
|
24
|
+
paddingLeft: 0,
|
|
25
|
+
paddingRight: 0,
|
|
26
|
+
shadow: false,
|
|
27
|
+
shadowColor: [0.0, 0.0, 0.0, 1.0],
|
|
28
|
+
shadowOffsetX: 0,
|
|
29
|
+
shadowOffsetY: 0,
|
|
30
|
+
shadowBlur: 5,
|
|
31
|
+
highlight: false,
|
|
32
|
+
highlightHeight: 0,
|
|
33
|
+
highlightColor: [0.0, 0.0, 0.0, 1.0],
|
|
34
|
+
highlightOffset: 0,
|
|
35
|
+
highlightPaddingLeft: 0,
|
|
36
|
+
highlightPaddingRight: 0,
|
|
37
|
+
letterSpacing: 0,
|
|
38
|
+
textIndent: 0,
|
|
39
|
+
cutSx: 0,
|
|
40
|
+
cutEx: 0,
|
|
41
|
+
cutSy: 0,
|
|
42
|
+
cutEy: 0,
|
|
43
|
+
advancedRenderer: false,
|
|
44
|
+
fontBaselineRatio: 0,
|
|
45
|
+
precision: 1,
|
|
46
|
+
textRenderIssueMargin: 0,
|
|
47
|
+
...settings,
|
|
48
|
+
};
|
|
49
|
+
};
|
|
50
|
+
//# sourceMappingURL=mergeDefaults.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mergeDefaults.js","sourceRoot":"","sources":["../../../../../../../src/core/text-rendering/renderers/canvas/internal/mergeDefaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,MAAM,SAAS,CAAC;AAExC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,QAA2B,EAAY,EAAE;IACrE,OAAO;QACL,IAAI,EAAE,EAAE;QACR,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,CAAC;QACJ,SAAS,EAAE,QAAQ;QACnB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,IAAI;QAChB,UAAU,EAAE,IAAI;QAChB,QAAQ,EAAE,IAAI;QACd,aAAa,EAAE,CAAC;QAChB,SAAS,EAAE,KAAK;QAChB,YAAY,EAAE,EAAE;QAChB,UAAU,EAAE,IAAI;QAChB,YAAY,EAAE,YAAY;QAC1B,SAAS,EAAE,MAAM;QACjB,aAAa,EAAE,KAAK;QACpB,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,CAAC;QACX,SAAS,EAAE,IAAI;QACf,cAAc,EAAE,KAAK;QACrB,SAAS,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;QAC/B,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;QACf,MAAM,EAAE,KAAK;QACb,WAAW,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;QACjC,aAAa,EAAE,CAAC;QAChB,aAAa,EAAE,CAAC;QAChB,UAAU,EAAE,CAAC;QACb,SAAS,EAAE,KAAK;QAChB,eAAe,EAAE,CAAC;QAClB,cAAc,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;QACpC,eAAe,EAAE,CAAC;QAClB,oBAAoB,EAAE,CAAC;QACvB,qBAAqB,EAAE,CAAC;QACxB,aAAa,EAAE,CAAC;QAChB,UAAU,EAAE,CAAC;QACb,KAAK,EAAE,CAAC;QACR,KAAK,EAAE,CAAC;QACR,KAAK,EAAE,CAAC;QACR,KAAK,EAAE,CAAC;QACR,gBAAgB,EAAE,KAAK;QACvB,iBAAiB,EAAE,CAAC;QACpB,SAAS,EAAE,CAAC;QACZ,qBAAqB,EAAE,CAAC;QACxB,GAAG,QAAQ;KACZ,CAAC;AACJ,CAAC,CAAA"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { type Settings, type TextBaseline } from "./types";
|
|
2
|
+
import { type CoreTextNodeProps } from "../../../../CoreTextNodeCanvas";
|
|
3
|
+
import type { NormalizedFontMetrics } from '../../../font-face-types/TrFontFace.js';
|
|
4
|
+
export interface RenderInfo {
|
|
5
|
+
w: number;
|
|
6
|
+
h: number;
|
|
7
|
+
lines: string[];
|
|
8
|
+
precision: number;
|
|
9
|
+
remainingText: string;
|
|
10
|
+
moreTextLines: boolean;
|
|
11
|
+
width: number;
|
|
12
|
+
innerWidth: number;
|
|
13
|
+
height: number;
|
|
14
|
+
fontSize: number;
|
|
15
|
+
cutSx: number;
|
|
16
|
+
cutSy: number;
|
|
17
|
+
cutEx: number;
|
|
18
|
+
cutEy: number;
|
|
19
|
+
lineHeight: number;
|
|
20
|
+
defLineHeight: number;
|
|
21
|
+
lineWidths: number[];
|
|
22
|
+
offsetY: number;
|
|
23
|
+
paddingLeft: number;
|
|
24
|
+
paddingRight: number;
|
|
25
|
+
letterSpacing: number;
|
|
26
|
+
textIndent: number;
|
|
27
|
+
metrics: NormalizedFontMetrics;
|
|
28
|
+
textBaseline: TextBaseline;
|
|
29
|
+
}
|
|
30
|
+
export declare const parseRenderInfo: (props: CoreTextNodeProps, precision: number, context: CanvasRenderingContext2D) => {
|
|
31
|
+
renderInfo: RenderInfo;
|
|
32
|
+
settings: Settings;
|
|
33
|
+
};
|
|
@@ -0,0 +1,192 @@
|
|
|
1
|
+
import {} from "./types";
|
|
2
|
+
import {} from "../../../../CoreTextNodeCanvas";
|
|
3
|
+
import { assertTruthy } from "../../../../../utils";
|
|
4
|
+
import { mergeDefaults } from "./mergeDefaults";
|
|
5
|
+
import { calcDefaultLineHeight } from '../../../TextRenderingUtils.js';
|
|
6
|
+
import { getWebFontMetrics, wrapText, wrapWord, measureText, calcHeight } from './utils.js';
|
|
7
|
+
export const parseRenderInfo = (props, precision, context) => {
|
|
8
|
+
const renderInfo = {};
|
|
9
|
+
const settings = mergeDefaults(props);
|
|
10
|
+
const paddingLeft = settings.paddingLeft * precision;
|
|
11
|
+
const paddingRight = settings.paddingRight * precision;
|
|
12
|
+
const fontSize = settings.fontSize * precision;
|
|
13
|
+
const w = settings.w * precision;
|
|
14
|
+
const h = settings.h * precision;
|
|
15
|
+
let wordWrapWidth = settings.wordWrapWidth * precision;
|
|
16
|
+
const cutSx = settings.cutSx * precision;
|
|
17
|
+
const cutEx = settings.cutEx * precision;
|
|
18
|
+
const cutSy = settings.cutSy * precision;
|
|
19
|
+
const cutEy = settings.cutEy * precision;
|
|
20
|
+
const letterSpacing = (settings.letterSpacing || 0) * precision;
|
|
21
|
+
const textIndent = settings.textIndent * precision;
|
|
22
|
+
const trFontFace = settings.trFontFace;
|
|
23
|
+
// Set font properties.
|
|
24
|
+
const ff = [settings.fontFamily];
|
|
25
|
+
const ffs = [];
|
|
26
|
+
for (let i = 0, n = ff.length; i < n; i++) {
|
|
27
|
+
if (ff[i] === 'serif' || ff[i] === 'sans-serif') {
|
|
28
|
+
ffs.push(ff[i]);
|
|
29
|
+
}
|
|
30
|
+
else {
|
|
31
|
+
ffs.push(`"${ff[i]}"`);
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
const fontSetting = `${settings.fontStyle} ${settings.fontSize * precision}px ${ffs.join(',')}`;
|
|
35
|
+
context.font = fontSetting;
|
|
36
|
+
context.textBaseline = settings.textBaseline;
|
|
37
|
+
assertTruthy(trFontFace);
|
|
38
|
+
const metrics = getWebFontMetrics(context, trFontFace, fontSize);
|
|
39
|
+
const defLineHeight = calcDefaultLineHeight(metrics, fontSize) * precision;
|
|
40
|
+
const lineHeight = settings.lineHeight !== null
|
|
41
|
+
? settings.lineHeight * precision
|
|
42
|
+
: defLineHeight;
|
|
43
|
+
const maxHeight = settings.maxHeight;
|
|
44
|
+
const containedMaxLines = maxHeight !== null && lineHeight > 0
|
|
45
|
+
? Math.floor(maxHeight / lineHeight)
|
|
46
|
+
: 0;
|
|
47
|
+
const setMaxLines = settings.maxLines;
|
|
48
|
+
const calcMaxLines = containedMaxLines > 0 && setMaxLines > 0
|
|
49
|
+
? Math.min(containedMaxLines, setMaxLines)
|
|
50
|
+
: Math.max(containedMaxLines, setMaxLines);
|
|
51
|
+
// Total width.
|
|
52
|
+
let width = w || 2048 / precision;
|
|
53
|
+
// Inner width.
|
|
54
|
+
let innerWidth = width - paddingLeft;
|
|
55
|
+
if (innerWidth < 10) {
|
|
56
|
+
width += 10 - innerWidth;
|
|
57
|
+
innerWidth = 10;
|
|
58
|
+
}
|
|
59
|
+
if (!wordWrapWidth) {
|
|
60
|
+
wordWrapWidth = innerWidth;
|
|
61
|
+
}
|
|
62
|
+
// Text overflow
|
|
63
|
+
if (settings.textOverflow && settings.wordWrap === false) {
|
|
64
|
+
let suffix;
|
|
65
|
+
switch (settings.textOverflow) {
|
|
66
|
+
case 'clip':
|
|
67
|
+
suffix = '';
|
|
68
|
+
break;
|
|
69
|
+
case 'ellipsis':
|
|
70
|
+
suffix = settings.overflowSuffix;
|
|
71
|
+
break;
|
|
72
|
+
default:
|
|
73
|
+
suffix = settings.textOverflow;
|
|
74
|
+
}
|
|
75
|
+
settings.text = wrapWord(settings.text, wordWrapWidth - textIndent, suffix, context);
|
|
76
|
+
}
|
|
77
|
+
// word wrap
|
|
78
|
+
// preserve original text
|
|
79
|
+
let linesInfo;
|
|
80
|
+
if (settings.wordWrap === true) {
|
|
81
|
+
linesInfo = wrapText(settings.text, wordWrapWidth, letterSpacing, textIndent, context);
|
|
82
|
+
}
|
|
83
|
+
else {
|
|
84
|
+
linesInfo = { l: settings.text.split(/(?:\r\n|\r|\n)/), n: [] };
|
|
85
|
+
const n = linesInfo.l.length;
|
|
86
|
+
for (let i = 0; i < n - 1; i++) {
|
|
87
|
+
linesInfo.n.push(i);
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
let lines = linesInfo.l;
|
|
91
|
+
if (calcMaxLines && lines.length > calcMaxLines) {
|
|
92
|
+
const usedLines = lines.slice(0, calcMaxLines);
|
|
93
|
+
let otherLines = null;
|
|
94
|
+
if (settings.overflowSuffix) {
|
|
95
|
+
// Wrap again with max lines suffix enabled.
|
|
96
|
+
const w = settings.overflowSuffix
|
|
97
|
+
? measureText(settings.overflowSuffix, 0, context)
|
|
98
|
+
: 0;
|
|
99
|
+
const al = wrapText(usedLines[usedLines.length - 1], wordWrapWidth - w, letterSpacing, textIndent, context);
|
|
100
|
+
usedLines[usedLines.length - 1] = `${al.l[0]}${settings.overflowSuffix}`;
|
|
101
|
+
otherLines = [al.l.length > 1 ? al.l[1] : ''];
|
|
102
|
+
}
|
|
103
|
+
else {
|
|
104
|
+
otherLines = [''];
|
|
105
|
+
}
|
|
106
|
+
// Re-assemble the remaining text.
|
|
107
|
+
let i;
|
|
108
|
+
const n = lines.length;
|
|
109
|
+
let j = 0;
|
|
110
|
+
const m = linesInfo.n.length;
|
|
111
|
+
for (i = calcMaxLines; i < n; i++) {
|
|
112
|
+
otherLines[j] += `${otherLines[j] ? ' ' : ''}${lines[i]}`;
|
|
113
|
+
if (i + 1 < m && linesInfo.n[i + 1]) {
|
|
114
|
+
j++;
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
renderInfo.remainingText = otherLines.join('\n');
|
|
118
|
+
renderInfo.moreTextLines = true;
|
|
119
|
+
lines = usedLines;
|
|
120
|
+
}
|
|
121
|
+
else {
|
|
122
|
+
renderInfo.moreTextLines = false;
|
|
123
|
+
renderInfo.remainingText = '';
|
|
124
|
+
}
|
|
125
|
+
// calculate text width
|
|
126
|
+
let maxLineWidth = 0;
|
|
127
|
+
const lineWidths = [];
|
|
128
|
+
for (let i = 0; i < lines.length; i++) {
|
|
129
|
+
const lineWidth = measureText(lines[i], letterSpacing, context) + (i === 0 ? textIndent : 0);
|
|
130
|
+
lineWidths.push(lineWidth);
|
|
131
|
+
maxLineWidth = Math.max(maxLineWidth, lineWidth);
|
|
132
|
+
}
|
|
133
|
+
renderInfo.lineWidths = lineWidths;
|
|
134
|
+
if (!w) {
|
|
135
|
+
// Auto-set width to max text length.
|
|
136
|
+
width = maxLineWidth + paddingLeft + paddingRight;
|
|
137
|
+
innerWidth = maxLineWidth;
|
|
138
|
+
}
|
|
139
|
+
// If word wrap is enabled the width needs to be the width of the text.
|
|
140
|
+
if (settings.wordWrap &&
|
|
141
|
+
w > maxLineWidth &&
|
|
142
|
+
settings.textAlign === 'left' &&
|
|
143
|
+
lines.length === 1) {
|
|
144
|
+
width = maxLineWidth + paddingLeft + paddingRight;
|
|
145
|
+
}
|
|
146
|
+
let height;
|
|
147
|
+
if (h) {
|
|
148
|
+
height = h;
|
|
149
|
+
}
|
|
150
|
+
else {
|
|
151
|
+
height = calcHeight(settings.textBaseline, fontSize, lineHeight, lines.length);
|
|
152
|
+
}
|
|
153
|
+
renderInfo.w = width;
|
|
154
|
+
renderInfo.h = height;
|
|
155
|
+
renderInfo.lines = lines;
|
|
156
|
+
renderInfo.precision = precision;
|
|
157
|
+
if (!width) {
|
|
158
|
+
// To prevent canvas errors.
|
|
159
|
+
width = 1;
|
|
160
|
+
}
|
|
161
|
+
if (!height) {
|
|
162
|
+
// To prevent canvas errors.
|
|
163
|
+
height = 1;
|
|
164
|
+
}
|
|
165
|
+
if (cutSx || cutEx) {
|
|
166
|
+
width = Math.min(width, cutEx - cutSx);
|
|
167
|
+
}
|
|
168
|
+
if (cutSy || cutEy) {
|
|
169
|
+
height = Math.min(height, cutEy - cutSy);
|
|
170
|
+
}
|
|
171
|
+
renderInfo.width = width;
|
|
172
|
+
renderInfo.innerWidth = innerWidth;
|
|
173
|
+
renderInfo.height = height;
|
|
174
|
+
renderInfo.fontSize = fontSize;
|
|
175
|
+
renderInfo.cutSx = cutSx;
|
|
176
|
+
renderInfo.cutSy = cutSy;
|
|
177
|
+
renderInfo.cutEx = cutEx;
|
|
178
|
+
renderInfo.cutEy = cutEy;
|
|
179
|
+
renderInfo.lineHeight = lineHeight;
|
|
180
|
+
renderInfo.defLineHeight = defLineHeight;
|
|
181
|
+
renderInfo.lineWidths = lineWidths;
|
|
182
|
+
renderInfo.paddingLeft = paddingLeft;
|
|
183
|
+
renderInfo.paddingRight = paddingRight;
|
|
184
|
+
renderInfo.letterSpacing = letterSpacing;
|
|
185
|
+
renderInfo.textIndent = textIndent;
|
|
186
|
+
renderInfo.metrics = metrics;
|
|
187
|
+
return {
|
|
188
|
+
renderInfo: renderInfo,
|
|
189
|
+
settings: settings,
|
|
190
|
+
};
|
|
191
|
+
};
|
|
192
|
+
//# sourceMappingURL=renderInfo.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"renderInfo.js","sourceRoot":"","sources":["../../../../../../../src/core/text-rendering/renderers/canvas/internal/renderInfo.ts"],"names":[],"mappings":"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"}
|