@lightningjs/renderer 3.0.4 → 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/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/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 +2 -2
- 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/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/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/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/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/WebGlShaderNode.ts +24 -0
- package/src/core/renderers/webgl/WebGlShaderProgram.ts +3 -3
- package/src/core/renderers/webgl/internal/ShaderUtils.ts +1 -0
- package/src/core/textures/ImageTexture.ts +18 -0
- package/src/core/textures/Texture.ts +6 -0
- package/dist/src/core/lib/fps.d.ts +0 -15
- package/dist/src/core/lib/fps.js +0 -62
- package/dist/src/core/lib/fps.js.map +0 -1
- 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
|
@@ -26,19 +26,15 @@ export class CanvasFont extends CoreFont {
|
|
|
26
26
|
constructor(textRenderer, props, measureContext) {
|
|
27
27
|
super(textRenderer, props);
|
|
28
28
|
this.measureContext = measureContext;
|
|
29
|
-
this.url = props.
|
|
29
|
+
this.url = props.url;
|
|
30
30
|
this.metrics = props.metrics;
|
|
31
31
|
}
|
|
32
32
|
load() {
|
|
33
33
|
if (this.state !== FontState.Created) {
|
|
34
34
|
return;
|
|
35
35
|
}
|
|
36
|
-
if (this.family === 'sans-serif') {
|
|
37
|
-
// Default font, skip loading
|
|
38
|
-
this.onLoaded();
|
|
39
|
-
return;
|
|
40
|
-
}
|
|
41
36
|
this.state = FontState.Loading;
|
|
37
|
+
const waitingNodes = this.waitingNodes;
|
|
42
38
|
new FontFace(this.family, `url(${this.url})`)
|
|
43
39
|
.load()
|
|
44
40
|
.then((loadedFont) => {
|
|
@@ -77,7 +73,6 @@ export class CanvasFont extends CoreFont {
|
|
|
77
73
|
metrics = calculateCanvasMetrics(this.family, fontSize, this.measureContext);
|
|
78
74
|
}
|
|
79
75
|
m = this.normalizedMetrics[fontSize] = normalizeFontMetrics(metrics, fontSize);
|
|
80
|
-
console.log('normalized metrics for font', this.family, 'at size', fontSize, 'calculated as', m);
|
|
81
76
|
return m;
|
|
82
77
|
}
|
|
83
78
|
}
|
|
@@ -96,11 +91,7 @@ function calculateCanvasMetrics(fontFamily, fontSize, measureContext) {
|
|
|
96
91
|
// as it's browser support is limited and it also tends to produce higher than
|
|
97
92
|
// expected values. It is instead HIGHLY RECOMMENDED that developers provide
|
|
98
93
|
// explicit metrics in the font face definition.
|
|
99
|
-
|
|
100
|
-
if (!document.fonts.check(`${fontSize}px ${fontFamily}`)) {
|
|
101
|
-
console.warn(`Font ${fontFamily} may not be fully loaded yet when calculating metrics`);
|
|
102
|
-
}
|
|
103
|
-
measureContext.font = `${fontSize}px ${fontFamily}`;
|
|
94
|
+
measureContext.font = `normal ${fontSize}px Unknown, ${fontFamily}`;
|
|
104
95
|
const metrics = measureContext.measureText('ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz');
|
|
105
96
|
console.warn(`Font metrics not provided for Canvas Web font ${fontFamily}. ` +
|
|
106
97
|
'Using fallback values. It is HIGHLY recommended you use the latest ' +
|
|
@@ -108,13 +99,13 @@ function calculateCanvasMetrics(fontFamily, fontSize, measureContext) {
|
|
|
108
99
|
'metrics for the font and provide them in the Canvas Web font definition.');
|
|
109
100
|
const ascender = metrics.fontBoundingBoxAscent ?? metrics.actualBoundingBoxAscent ?? 0;
|
|
110
101
|
const descender = metrics.fontBoundingBoxDescent ?? metrics.actualBoundingBoxDescent ?? 0;
|
|
111
|
-
const emHeight = (metrics.emHeightAscent ?? 0) + (metrics.emHeightDescent ?? 0);
|
|
112
|
-
const unitsPerEm = emHeight > 0 ? emHeight : ascender + descender;
|
|
113
102
|
return {
|
|
114
103
|
ascender,
|
|
115
104
|
descender: -descender,
|
|
116
|
-
lineGap:
|
|
117
|
-
|
|
105
|
+
lineGap: (metrics.emHeightAscent ?? 0) +
|
|
106
|
+
(metrics.emHeightDescent ?? 0) -
|
|
107
|
+
(ascender + descender),
|
|
108
|
+
unitsPerEm: (metrics.emHeightAscent ?? 0) + (metrics.emHeightDescent ?? 0),
|
|
118
109
|
};
|
|
119
110
|
}
|
|
120
111
|
//# sourceMappingURL=CanvasFont.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CanvasFont.js","sourceRoot":"","sources":["../../../../src/core/text-rendering/CanvasFont.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAsB,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAa/C,MAAM,OAAO,UAAW,SAAQ,QAAQ;IAO5B;IANH,IAAI,GAAG,QAAQ,CAAC;IAChB,GAAG,CAAS;IAEnB,YACE,YAA0B,EAC1B,KAAsB,EACd,cAE6B;QAErC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;QAJnB,mBAAc,GAAd,cAAc,CAEe;QAGrC,IAAI,CAAC,GAAG,GAAG,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"CanvasFont.js","sourceRoot":"","sources":["../../../../src/core/text-rendering/CanvasFont.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAsB,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAa/C,MAAM,OAAO,UAAW,SAAQ,QAAQ;IAO5B;IANH,IAAI,GAAG,QAAQ,CAAC;IAChB,GAAG,CAAS;IAEnB,YACE,YAA0B,EAC1B,KAAsB,EACd,cAE6B;QAErC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;QAJnB,mBAAc,GAAd,cAAc,CAEe;QAGrC,IAAI,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;QACrB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IAC/B,CAAC;IAED,IAAI;QACF,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,OAAO,EAAE,CAAC;YACrC,OAAO;QACT,CAAC;QAED,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC;QAC/B,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;QACvC,IAAI,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,IAAI,CAAC,GAAG,GAAG,CAAC;aAC1C,IAAI,EAAE;aACN,IAAI,CAAC,CAAC,UAAU,EAAE,EAAE;YAClB,QAAQ,CAAC,KAA4B,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;YACvD,IAAI,CAAC,QAAQ,EAAE,CAAC;QAClB,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE;YACf,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,MAAM,CAAC;YAC9B,OAAO,CAAC,KAAK,CAAC,wBAAwB,IAAI,CAAC,MAAM,EAAE,EAAE,KAAK,CAAC,CAAC;YAC5D,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACpB,MAAM,KAAK,CAAC;QACd,CAAC,CAAC,CAAC;IACP,CAAC;IAED,WAAW,CAAC,IAAY,EAAE,aAAqB;QAC7C,IAAI,aAAa,KAAK,CAAC,EAAE,CAAC;YACxB,OAAO,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC;QACrD,CAAC;QACD,IAAI,iBAAiB,CAAC,IAAI,CAAC,KAAK,KAAK,EAAE,CAAC;YACtC,OAAO,CACL,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,KAAK;gBAC3C,aAAa,GAAG,IAAI,CAAC,MAAM,CAC5B,CAAC;QACJ,CAAC;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;YACzC,IAAI,iBAAiB,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;gBACrC,OAAO,GAAG,CAAC;YACb,CAAC;YACD,OAAO,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,KAAK,GAAG,aAAa,CAAC;QAC3E,CAAC,EAAE,CAAC,CAAC,CAAC;IACR,CAAC;IAEQ,UAAU,CAAC,QAAgB;QAClC,IAAI,CAAC,GAAG,IAAI,CAAC,iBAAkB,CAAC,QAAQ,CAAC,CAAC;QAC1C,IAAI,CAAC,KAAK,SAAS,EAAE,CAAC;YACpB,OAAO,CAAC,CAAC;QACX,CAAC;QACD,IAAI,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAE3B,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;YAC1B,OAAO,GAAG,sBAAsB,CAC9B,IAAI,CAAC,MAAM,EACX,QAAQ,EACR,IAAI,CAAC,cAAc,CACpB,CAAC;QACJ,CAAC;QACD,CAAC,GAAG,IAAI,CAAC,iBAAkB,CAAC,QAAQ,CAAC,GAAG,oBAAoB,CAC1D,OAAO,EACP,QAAQ,CACT,CAAC;QACF,OAAO,CAAC,CAAC;IACX,CAAC;CACF;AAED,SAAS,sBAAsB,CAC7B,UAAkB,EAClB,QAAgB,EAChB,cAA4E;IAE5E,0EAA0E;IAC1E,0EAA0E;IAC1E,yBAAyB;IACzB,4EAA4E;IAC5E,wEAAwE;IACxE,yDAAyD;IACzD,wEAAwE;IACxE,oEAAoE;IACpE,uEAAuE;IACvE,oDAAoD;IACpD,yEAAyE;IACzE,8EAA8E;IAC9E,4EAA4E;IAC5E,gDAAgD;IAChD,cAAc,CAAC,IAAI,GAAG,UAAU,QAAQ,eAAe,UAAU,EAAE,CAAC;IAEpE,MAAM,OAAO,GAAG,cAAc,CAAC,WAAW,CACxC,sDAAsD,CACvD,CAAC;IACF,OAAO,CAAC,IAAI,CACV,iDAAiD,UAAU,IAAI;QAC7D,qEAAqE;QACrE,0EAA0E;QAC1E,0EAA0E,CAC7E,CAAC;IACF,MAAM,QAAQ,GACZ,OAAO,CAAC,qBAAqB,IAAI,OAAO,CAAC,uBAAuB,IAAI,CAAC,CAAC;IACxE,MAAM,SAAS,GACb,OAAO,CAAC,sBAAsB,IAAI,OAAO,CAAC,wBAAwB,IAAI,CAAC,CAAC;IAC1E,OAAO;QACL,QAAQ;QACR,SAAS,EAAE,CAAC,SAAS;QACrB,OAAO,EACL,CAAC,OAAO,CAAC,cAAc,IAAI,CAAC,CAAC;YAC7B,CAAC,OAAO,CAAC,eAAe,IAAI,CAAC,CAAC;YAC9B,CAAC,QAAQ,GAAG,SAAS,CAAC;QACxB,UAAU,EAAE,CAAC,OAAO,CAAC,cAAc,IAAI,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,eAAe,IAAI,CAAC,CAAC;KAC3E,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CoreFont.js","sourceRoot":"","sources":["../../../../src/core/text-rendering/CoreFont.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,MAAM,CAAN,IAAY,SAKX;AALD,WAAY,SAAS;IACnB,+CAAO,CAAA;IACP,+CAAO,CAAA;IACP,6CAAM,CAAA;IACN,6CAAM,CAAA;AACR,CAAC,EALW,SAAS,KAAT,SAAS,QAKpB;AAOD;;GAEG;AACH,MAAM,OAAgB,QAAS,SAAQ,YAAY;IACvC,YAAY,GAAkC,MAAM,CAAC,MAAM,CACnE,IAAI,CAC2B,CAAC;IACxB,iBAAiB,GACzB,MAAM,CAAC,MAAM,CAAC,IAAI,CAA0C,CAAC;IAExD,YAAY,CAAe;IAC3B,KAAK,CAAY;IACjB,MAAM,CAAS;IACf,OAAO,CAAe;IAE7B,YAAY,YAA0B,EAAE,KAAoB;QAC1D,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"CoreFont.js","sourceRoot":"","sources":["../../../../src/core/text-rendering/CoreFont.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,MAAM,CAAN,IAAY,SAKX;AALD,WAAY,SAAS;IACnB,+CAAO,CAAA;IACP,+CAAO,CAAA;IACP,6CAAM,CAAA;IACN,6CAAM,CAAA;AACR,CAAC,EALW,SAAS,KAAT,SAAS,QAKpB;AAOD;;GAEG;AACH,MAAM,OAAgB,QAAS,SAAQ,YAAY;IACvC,YAAY,GAAkC,MAAM,CAAC,MAAM,CACnE,IAAI,CAC2B,CAAC;IACxB,iBAAiB,GACzB,MAAM,CAAC,MAAM,CAAC,IAAI,CAA0C,CAAC;IAExD,YAAY,CAAe;IAC3B,KAAK,CAAY;IACjB,MAAM,CAAS;IACf,OAAO,CAAe;IAE7B,YAAY,YAA0B,EAAE,KAAoB;QAC1D,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAC3B,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC;QAC/B,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;IACnC,CAAC;IAES,QAAQ;QAChB,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;QACvC,KAAK,IAAI,GAAG,IAAI,YAAY,EAAE,CAAC;YAC7B,YAAY,CAAC,GAAG,CAAE,CAAC,aAAa,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YACnD,OAAO,YAAY,CAAC,GAAG,CAAC,CAAC;QAC3B,CAAC;QACD,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,MAAM,CAAC;IAChC,CAAC;IAEM,OAAO,CAAC,IAAkB;QAC/B,IAAI,CAAC,YAAa,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACrC,CAAC;IAEM,WAAW,CAAC,IAAkB;QACnC,IAAI,IAAI,CAAC,YAAa,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;YAChC,OAAO,IAAI,CAAC,YAAa,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACrC,CAAC;IACH,CAAC;IAEM,OAAO;QACZ,OAAO,IAAI,CAAC,YAAY,CAAC;QACzB,OAAO,IAAI,CAAC,iBAAiB,CAAC;QAC9B,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;CAMF"}
|
|
@@ -4,8 +4,8 @@ export class CoreFontManager {
|
|
|
4
4
|
constructor(stage, textRenderers) {
|
|
5
5
|
for (let i = 0; i < textRenderers.length; i++) {
|
|
6
6
|
const renderer = textRenderers[i];
|
|
7
|
+
renderer.init(stage);
|
|
7
8
|
this.renderers[renderer.type] = renderer;
|
|
8
|
-
renderer.init(stage, this);
|
|
9
9
|
}
|
|
10
10
|
}
|
|
11
11
|
loadFont(type, options) {
|
|
@@ -14,6 +14,7 @@ export class CoreFontManager {
|
|
|
14
14
|
console.error('renderer type for this font does not exist');
|
|
15
15
|
return;
|
|
16
16
|
}
|
|
17
|
+
console.log('loadFOnt', type, options);
|
|
17
18
|
const font = targetRenderer.createFont(options);
|
|
18
19
|
if (font === undefined) {
|
|
19
20
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FontManager.js","sourceRoot":"","sources":["../../../../src/core/text-rendering/FontManager.ts"],"names":[],"mappings":"AAQA,MAAM,OAAO,eAAe;IAClB,KAAK,GAA6B,MAAM,CAAC,MAAM,CAAC,IAAI,CAG3D,CAAC;IACM,SAAS,GAAiC,MAAM,CAAC,MAAM,CAC7D,IAAI,CAC2B,CAAC;IAElC,YAAY,KAAY,EAAE,aAA6B;QACrD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAC9C,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAE,CAAC;YACnC,
|
|
1
|
+
{"version":3,"file":"FontManager.js","sourceRoot":"","sources":["../../../../src/core/text-rendering/FontManager.ts"],"names":[],"mappings":"AAQA,MAAM,OAAO,eAAe;IAClB,KAAK,GAA6B,MAAM,CAAC,MAAM,CAAC,IAAI,CAG3D,CAAC;IACM,SAAS,GAAiC,MAAM,CAAC,MAAM,CAC7D,IAAI,CAC2B,CAAC;IAElC,YAAY,KAAY,EAAE,aAA6B;QACrD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAC9C,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAE,CAAC;YACnC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACrB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC;QAC3C,CAAC;IACH,CAAC;IAED,QAAQ,CAAC,IAAmB,EAAE,OAAwB;QACpD,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QAC5C,IAAI,cAAc,KAAK,SAAS,EAAE,CAAC;YACjC,OAAO,CAAC,KAAK,CAAC,4CAA4C,CAAC,CAAC;YAC5D,OAAO;QACT,CAAC;QACD,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;QACvC,MAAM,IAAI,GAAG,cAAc,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAChD,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACvB,OAAO;QACT,CAAC;QACD,IAAI,CAAC,IAAI,EAAE,CAAC;QACZ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC;IACxC,CAAC;IAED,UAAU,CAAC,UAAkB;QAC3B,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QAC1C,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;YAC7B,OAAO;QACT,CAAC;QACD,UAAU,CAAC,OAAO,EAAE,CAAC;QACrB,OAAO,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAChC,CAAC;IAED,OAAO,CAAC,UAAkB;QACxB,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QACpC,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACvB,OAAO,CAAC,IAAI,CAAC,2BAA2B,CAAC,CAAC;YAC1C,OAAO;QACT,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;CACF"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import type { RGBA } from '../../lib/utils.js';
|
|
2
|
+
/**
|
|
3
|
+
* Text Overflow Values
|
|
4
|
+
*/
|
|
5
|
+
export type TextOverflow = 'ellipsis' | 'clip' | (string & Record<never, never>);
|
|
6
|
+
/***
|
|
7
|
+
* Text Horizontal Align Values
|
|
8
|
+
*/
|
|
9
|
+
export type TextAlign = 'left' | 'center' | 'right';
|
|
10
|
+
/***
|
|
11
|
+
* Text Baseline Values
|
|
12
|
+
*/
|
|
13
|
+
export type TextBaseline = 'alphabetic' | 'top' | 'hanging' | 'middle' | 'ideographic' | 'bottom';
|
|
14
|
+
/***
|
|
15
|
+
* Text Vertical Align Values
|
|
16
|
+
*/
|
|
17
|
+
export type TextVerticalAlign = 'top' | 'middle' | 'bottom';
|
|
18
|
+
/**
|
|
19
|
+
* Text Texture Settings
|
|
20
|
+
*/
|
|
21
|
+
export interface Settings {
|
|
22
|
+
w: number;
|
|
23
|
+
h: number;
|
|
24
|
+
text: string;
|
|
25
|
+
fontStyle: string;
|
|
26
|
+
fontSize: number;
|
|
27
|
+
fontBaselineRatio: number;
|
|
28
|
+
fontFamily: string | null;
|
|
29
|
+
wordWrap: boolean;
|
|
30
|
+
wordWrapWidth: number;
|
|
31
|
+
wordBreak: 'normal' | 'break-all' | 'break-word';
|
|
32
|
+
textOverflow: TextOverflow | null;
|
|
33
|
+
lineHeight: number | null;
|
|
34
|
+
textBaseline: TextBaseline;
|
|
35
|
+
textAlign: TextAlign;
|
|
36
|
+
verticalAlign: TextVerticalAlign;
|
|
37
|
+
offsetY: number | null;
|
|
38
|
+
maxLines: number;
|
|
39
|
+
maxHeight: number | null;
|
|
40
|
+
overflowSuffix: string;
|
|
41
|
+
precision: number;
|
|
42
|
+
textColor: RGBA;
|
|
43
|
+
paddingLeft: number;
|
|
44
|
+
paddingRight: number;
|
|
45
|
+
shadow: boolean;
|
|
46
|
+
shadowColor: RGBA;
|
|
47
|
+
shadowOffsetX: number;
|
|
48
|
+
shadowOffsetY: number;
|
|
49
|
+
shadowBlur: number;
|
|
50
|
+
highlight: boolean;
|
|
51
|
+
highlightHeight: number;
|
|
52
|
+
highlightColor: RGBA;
|
|
53
|
+
highlightOffset: number;
|
|
54
|
+
highlightPaddingLeft: number;
|
|
55
|
+
highlightPaddingRight: number;
|
|
56
|
+
letterSpacing: number;
|
|
57
|
+
textIndent: number;
|
|
58
|
+
cutSx: number;
|
|
59
|
+
cutSy: number;
|
|
60
|
+
cutEx: number;
|
|
61
|
+
cutEy: number;
|
|
62
|
+
advancedRenderer: boolean;
|
|
63
|
+
textRenderIssueMargin: number;
|
|
64
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
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 2025 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
|
+
export {};
|
|
20
|
+
//# sourceMappingURL=Settings.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Settings.js","sourceRoot":"","sources":["../../../../../src/core/text-rendering/canvas/Settings.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { NormalizedFontMetrics } from '../TextRenderer.js';
|
|
2
|
+
import type { TextBaseline } from './Settings.js';
|
|
3
|
+
export declare const measureText: (context: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D, word: string, space?: number) => number;
|
|
4
|
+
export declare const wrapWord: (context: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D, word: string, wordWrapWidth: number, suffix: string, letterSpacing: number) => string;
|
|
5
|
+
export declare const wrapText: (context: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D, text: string, wordWrapWidth: number, letterSpacing: number, indent: number) => {
|
|
6
|
+
l: string[];
|
|
7
|
+
n: number[];
|
|
8
|
+
};
|
|
9
|
+
export declare const isNormalizedFontMetrics: (obj: unknown) => obj is NormalizedFontMetrics;
|
|
10
|
+
/**
|
|
11
|
+
* Calculate height for the canvas
|
|
12
|
+
*
|
|
13
|
+
* @param textBaseline
|
|
14
|
+
* @param fontSize
|
|
15
|
+
* @param lineHeight
|
|
16
|
+
* @param numLines
|
|
17
|
+
* @param offsetY
|
|
18
|
+
* @returns
|
|
19
|
+
*/
|
|
20
|
+
export declare const calcHeight: (textBaseline: TextBaseline, fontSize: number, lineHeight: number, numLines: number, offsetY: number) => number;
|
|
@@ -0,0 +1,144 @@
|
|
|
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 2025 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 { isZeroWidthSpace } from '../Utils.js';
|
|
20
|
+
export const measureText = (context, word, space = 0) => {
|
|
21
|
+
if (space === 0) {
|
|
22
|
+
return context.measureText(word).width;
|
|
23
|
+
}
|
|
24
|
+
return word.split('').reduce((acc, char) => {
|
|
25
|
+
if (isZeroWidthSpace(char) === true) {
|
|
26
|
+
return acc;
|
|
27
|
+
}
|
|
28
|
+
return acc + context.measureText(char).width + space;
|
|
29
|
+
}, 0);
|
|
30
|
+
};
|
|
31
|
+
// Helper functions
|
|
32
|
+
export const wrapWord = (context, word, wordWrapWidth, suffix, letterSpacing) => {
|
|
33
|
+
const suffixWidth = measureText(context, suffix, letterSpacing);
|
|
34
|
+
const wordLen = word.length;
|
|
35
|
+
const wordWidth = measureText(context, word, letterSpacing);
|
|
36
|
+
if (wordWidth <= wordWrapWidth) {
|
|
37
|
+
return word;
|
|
38
|
+
}
|
|
39
|
+
let cutoffIndex = Math.floor((wordWrapWidth * wordLen) / wordWidth);
|
|
40
|
+
let truncWordWidth = measureText(context, word.substring(0, cutoffIndex), letterSpacing) +
|
|
41
|
+
suffixWidth;
|
|
42
|
+
if (truncWordWidth > wordWrapWidth) {
|
|
43
|
+
while (cutoffIndex > 0) {
|
|
44
|
+
truncWordWidth =
|
|
45
|
+
measureText(context, word.substring(0, cutoffIndex), letterSpacing) +
|
|
46
|
+
suffixWidth;
|
|
47
|
+
if (truncWordWidth > wordWrapWidth) {
|
|
48
|
+
cutoffIndex -= 1;
|
|
49
|
+
}
|
|
50
|
+
else {
|
|
51
|
+
break;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
else {
|
|
56
|
+
while (cutoffIndex < wordLen) {
|
|
57
|
+
truncWordWidth =
|
|
58
|
+
measureText(context, word.substring(0, cutoffIndex), letterSpacing) +
|
|
59
|
+
suffixWidth;
|
|
60
|
+
if (truncWordWidth < wordWrapWidth) {
|
|
61
|
+
cutoffIndex += 1;
|
|
62
|
+
}
|
|
63
|
+
else {
|
|
64
|
+
cutoffIndex -= 1;
|
|
65
|
+
break;
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
return (word.substring(0, cutoffIndex) +
|
|
70
|
+
(wordWrapWidth >= suffixWidth ? suffix : ''));
|
|
71
|
+
};
|
|
72
|
+
export const wrapText = (context, text, wordWrapWidth, letterSpacing, indent) => {
|
|
73
|
+
const spaceRegex = / |\u200B/g;
|
|
74
|
+
const lines = text.split(/\r?\n/g);
|
|
75
|
+
let allLines = [];
|
|
76
|
+
const realNewlines = [];
|
|
77
|
+
for (let i = 0; i < lines.length; i++) {
|
|
78
|
+
const resultLines = [];
|
|
79
|
+
let result = '';
|
|
80
|
+
let spaceLeft = wordWrapWidth - indent;
|
|
81
|
+
const line = lines[i] ?? '';
|
|
82
|
+
const words = line.split(spaceRegex);
|
|
83
|
+
const spaces = line.match(spaceRegex) || [];
|
|
84
|
+
for (let j = 0; j < words.length; j++) {
|
|
85
|
+
const space = spaces[j - 1] || '';
|
|
86
|
+
const word = words[j] || '';
|
|
87
|
+
const wordWidth = measureText(context, word, letterSpacing);
|
|
88
|
+
const wordWidthWithSpace = wordWidth + measureText(context, space, letterSpacing);
|
|
89
|
+
if (j === 0 || wordWidthWithSpace > spaceLeft) {
|
|
90
|
+
if (j > 0) {
|
|
91
|
+
resultLines.push(result);
|
|
92
|
+
result = '';
|
|
93
|
+
}
|
|
94
|
+
result += word;
|
|
95
|
+
spaceLeft = wordWrapWidth - wordWidth - (j === 0 ? indent : 0);
|
|
96
|
+
}
|
|
97
|
+
else {
|
|
98
|
+
spaceLeft -= wordWidthWithSpace;
|
|
99
|
+
// Don't add ZWSP to the output since it's invisible
|
|
100
|
+
if (space !== '\u200B') {
|
|
101
|
+
result += space + word;
|
|
102
|
+
}
|
|
103
|
+
else {
|
|
104
|
+
result += word;
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
resultLines.push(result);
|
|
109
|
+
result = '';
|
|
110
|
+
allLines = allLines.concat(resultLines);
|
|
111
|
+
if (i < lines.length - 1) {
|
|
112
|
+
realNewlines.push(allLines.length);
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
return { l: allLines, n: realNewlines };
|
|
116
|
+
};
|
|
117
|
+
export const isNormalizedFontMetrics = (obj) => {
|
|
118
|
+
return (typeof obj === 'object' &&
|
|
119
|
+
obj !== null &&
|
|
120
|
+
'ascender' in obj &&
|
|
121
|
+
typeof obj.ascender === 'number' &&
|
|
122
|
+
'descender' in obj &&
|
|
123
|
+
typeof obj.descender === 'number' &&
|
|
124
|
+
'lineGap' in obj &&
|
|
125
|
+
typeof obj.lineGap === 'number');
|
|
126
|
+
};
|
|
127
|
+
/**
|
|
128
|
+
* Calculate height for the canvas
|
|
129
|
+
*
|
|
130
|
+
* @param textBaseline
|
|
131
|
+
* @param fontSize
|
|
132
|
+
* @param lineHeight
|
|
133
|
+
* @param numLines
|
|
134
|
+
* @param offsetY
|
|
135
|
+
* @returns
|
|
136
|
+
*/
|
|
137
|
+
export const calcHeight = (textBaseline, fontSize, lineHeight, numLines, offsetY) => {
|
|
138
|
+
const baselineOffset = textBaseline !== 'bottom' ? 0.5 * fontSize : 0;
|
|
139
|
+
return (lineHeight * (numLines - 1) +
|
|
140
|
+
baselineOffset +
|
|
141
|
+
Math.max(lineHeight, fontSize) +
|
|
142
|
+
offsetY);
|
|
143
|
+
};
|
|
144
|
+
//# sourceMappingURL=Utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Utils.js","sourceRoot":"","sources":["../../../../../src/core/text-rendering/canvas/Utils.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import type { NormalizedFontMetrics, TextBaseline, TextVerticalAlign } from '../TextRenderer.js';
|
|
2
|
+
import type { TextAlign, TextOverflow } from './Settings.js';
|
|
3
|
+
export interface RenderInfo {
|
|
4
|
+
lines: string[];
|
|
5
|
+
precision: number;
|
|
6
|
+
remainingText: string;
|
|
7
|
+
moreTextLines: boolean;
|
|
8
|
+
width: number;
|
|
9
|
+
innerWidth: number;
|
|
10
|
+
height: number;
|
|
11
|
+
fontSize: number;
|
|
12
|
+
cutSx: number;
|
|
13
|
+
cutSy: number;
|
|
14
|
+
cutEx: number;
|
|
15
|
+
cutEy: number;
|
|
16
|
+
lineHeight: number | null;
|
|
17
|
+
defLineHeight: number;
|
|
18
|
+
lineWidths: number[];
|
|
19
|
+
offsetY: number;
|
|
20
|
+
paddingLeft: number;
|
|
21
|
+
paddingRight: number;
|
|
22
|
+
letterSpacing: number;
|
|
23
|
+
textIndent: number;
|
|
24
|
+
metrics: NormalizedFontMetrics;
|
|
25
|
+
text: string;
|
|
26
|
+
fontStyle: string;
|
|
27
|
+
fontBaselineRatio: number;
|
|
28
|
+
fontFamily: string | null;
|
|
29
|
+
wordWrap: boolean;
|
|
30
|
+
wordWrapWidth: number;
|
|
31
|
+
wordBreak: 'normal' | 'break-all' | 'break-word';
|
|
32
|
+
textOverflow: TextOverflow | null;
|
|
33
|
+
textBaseline: TextBaseline;
|
|
34
|
+
textAlign: TextAlign;
|
|
35
|
+
verticalAlign: TextVerticalAlign;
|
|
36
|
+
maxLines: number;
|
|
37
|
+
maxHeight: number | null;
|
|
38
|
+
overflowSuffix: string;
|
|
39
|
+
textColor: number;
|
|
40
|
+
shadow: boolean;
|
|
41
|
+
shadowColor: number;
|
|
42
|
+
shadowOffsetX: number;
|
|
43
|
+
shadowOffsetY: number;
|
|
44
|
+
shadowBlur: number;
|
|
45
|
+
highlight: boolean;
|
|
46
|
+
highlightHeight: number;
|
|
47
|
+
highlightColor: number;
|
|
48
|
+
highlightOffset: number;
|
|
49
|
+
highlightPaddingLeft: number;
|
|
50
|
+
highlightPaddingRight: number;
|
|
51
|
+
advancedRenderer: boolean;
|
|
52
|
+
textRenderIssueMargin: number;
|
|
53
|
+
}
|
|
54
|
+
export interface LineType {
|
|
55
|
+
text: string;
|
|
56
|
+
x: number;
|
|
57
|
+
y: number;
|
|
58
|
+
w: number;
|
|
59
|
+
}
|
|
60
|
+
export declare function calculateRenderInfo(context: OffscreenCanvasRenderingContext2D | CanvasRenderingContext2D, renderInfo: RenderInfo): void;
|
|
@@ -0,0 +1,183 @@
|
|
|
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 2025 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 { calculateFontMetrics } from '../Utils.js';
|
|
20
|
+
import { wrapText, wrapWord, measureText, calcHeight } from './Utils.js';
|
|
21
|
+
import { getFontMetrics, setFontMetrics } from '../CanvasFontHandler.js';
|
|
22
|
+
export function calculateRenderInfo(context, renderInfo) {
|
|
23
|
+
const precision = renderInfo.precision;
|
|
24
|
+
const paddingLeft = renderInfo.paddingLeft * precision;
|
|
25
|
+
const paddingRight = renderInfo.paddingRight * precision;
|
|
26
|
+
const fontSize = renderInfo.fontSize * precision;
|
|
27
|
+
let offsetY = renderInfo.offsetY === null ? null : renderInfo.offsetY * precision;
|
|
28
|
+
const w = renderInfo.width * precision;
|
|
29
|
+
const h = renderInfo.height * precision;
|
|
30
|
+
let wordWrapWidth = renderInfo.wordWrapWidth * precision;
|
|
31
|
+
const cutSx = renderInfo.cutSx * precision;
|
|
32
|
+
const cutEx = renderInfo.cutEx * precision;
|
|
33
|
+
const cutSy = renderInfo.cutSy * precision;
|
|
34
|
+
const cutEy = renderInfo.cutEy * precision;
|
|
35
|
+
const letterSpacing = (renderInfo.letterSpacing || 0) * precision;
|
|
36
|
+
const textIndent = renderInfo.textIndent * precision;
|
|
37
|
+
const fontFamily = renderInfo.fontFamily;
|
|
38
|
+
// Set font properties
|
|
39
|
+
context.font = `${renderInfo.fontStyle} ${fontSize}px ${fontFamily}`;
|
|
40
|
+
context.textBaseline = renderInfo.textBaseline;
|
|
41
|
+
let metrics = getFontMetrics(fontFamily, fontSize);
|
|
42
|
+
if (metrics === null) {
|
|
43
|
+
metrics = calculateFontMetrics(context, fontFamily, fontSize);
|
|
44
|
+
setFontMetrics(fontFamily, metrics);
|
|
45
|
+
}
|
|
46
|
+
const defLineHeight = fontSize *
|
|
47
|
+
(metrics.ascender - metrics.descender + metrics.lineGap) *
|
|
48
|
+
precision;
|
|
49
|
+
const lineHeight = renderInfo.lineHeight !== null
|
|
50
|
+
? renderInfo.lineHeight * precision
|
|
51
|
+
: defLineHeight;
|
|
52
|
+
const maxHeight = renderInfo.maxHeight;
|
|
53
|
+
const containedMaxLines = maxHeight !== null && lineHeight > 0
|
|
54
|
+
? Math.floor(maxHeight / lineHeight)
|
|
55
|
+
: 0;
|
|
56
|
+
const setMaxLines = renderInfo.maxLines;
|
|
57
|
+
const calcMaxLines = containedMaxLines > 0 && setMaxLines > 0
|
|
58
|
+
? Math.min(containedMaxLines, setMaxLines)
|
|
59
|
+
: Math.max(containedMaxLines, setMaxLines);
|
|
60
|
+
const textOverflow = renderInfo.textOverflow;
|
|
61
|
+
const wordWrap = renderInfo.wordWrap;
|
|
62
|
+
// Total width
|
|
63
|
+
let width = w || 2048 / precision;
|
|
64
|
+
// Inner width
|
|
65
|
+
let innerWidth = width - paddingLeft;
|
|
66
|
+
if (innerWidth < 10) {
|
|
67
|
+
width += 10 - innerWidth;
|
|
68
|
+
innerWidth = 10;
|
|
69
|
+
}
|
|
70
|
+
if (wordWrapWidth === 0) {
|
|
71
|
+
wordWrapWidth = innerWidth;
|
|
72
|
+
}
|
|
73
|
+
// Text overflow
|
|
74
|
+
let text = renderInfo.text;
|
|
75
|
+
if (textOverflow !== null && wordWrap === false) {
|
|
76
|
+
let suffix;
|
|
77
|
+
switch (textOverflow) {
|
|
78
|
+
case 'clip':
|
|
79
|
+
suffix = '';
|
|
80
|
+
break;
|
|
81
|
+
case 'ellipsis':
|
|
82
|
+
suffix = renderInfo.overflowSuffix;
|
|
83
|
+
break;
|
|
84
|
+
default:
|
|
85
|
+
suffix = String(textOverflow);
|
|
86
|
+
}
|
|
87
|
+
text = wrapWord(context, text, wordWrapWidth - textIndent, suffix, letterSpacing);
|
|
88
|
+
}
|
|
89
|
+
// Word wrap
|
|
90
|
+
let linesInfo;
|
|
91
|
+
if (wordWrap) {
|
|
92
|
+
linesInfo = wrapText(context, text, wordWrapWidth, letterSpacing, textIndent);
|
|
93
|
+
}
|
|
94
|
+
else {
|
|
95
|
+
linesInfo = { l: text.split(/(?:\r\n|\r|\n)/), n: [] };
|
|
96
|
+
const n = linesInfo.l.length;
|
|
97
|
+
for (let i = 0; i < n - 1; i++) {
|
|
98
|
+
linesInfo.n.push(i);
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
let lines = linesInfo.l;
|
|
102
|
+
let remainingText = '';
|
|
103
|
+
let moreTextLines = false;
|
|
104
|
+
if (calcMaxLines > 0 && lines.length > calcMaxLines) {
|
|
105
|
+
const usedLines = lines.slice(0, calcMaxLines);
|
|
106
|
+
let otherLines = [];
|
|
107
|
+
const overflowSuffix = renderInfo.overflowSuffix;
|
|
108
|
+
if (overflowSuffix.length > 0) {
|
|
109
|
+
const w = measureText(context, overflowSuffix, letterSpacing);
|
|
110
|
+
const al = wrapText(context, usedLines[usedLines.length - 1], wordWrapWidth - w, letterSpacing, textIndent);
|
|
111
|
+
usedLines[usedLines.length - 1] = `${al.l[0]}${overflowSuffix}`;
|
|
112
|
+
otherLines = [al.l.length > 1 ? al.l[1] : ''];
|
|
113
|
+
}
|
|
114
|
+
else {
|
|
115
|
+
otherLines = [''];
|
|
116
|
+
}
|
|
117
|
+
// Re-assemble the remaining text
|
|
118
|
+
let i;
|
|
119
|
+
const n = lines.length;
|
|
120
|
+
let j = 0;
|
|
121
|
+
const m = linesInfo.n.length;
|
|
122
|
+
for (i = calcMaxLines; i < n; i++) {
|
|
123
|
+
otherLines[j] += `${otherLines[j] ? ' ' : ''}${lines[i] ?? ''}`;
|
|
124
|
+
if (i + 1 < m && linesInfo.n[i + 1] !== undefined) {
|
|
125
|
+
j++;
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
remainingText = otherLines.join('\n');
|
|
129
|
+
moreTextLines = true;
|
|
130
|
+
lines = usedLines;
|
|
131
|
+
}
|
|
132
|
+
// Calculate text width
|
|
133
|
+
let maxLineWidth = 0;
|
|
134
|
+
const lineWidths = [];
|
|
135
|
+
for (let i = 0; i < lines.length; i++) {
|
|
136
|
+
const lineWidth = measureText(context, lines[i], letterSpacing) +
|
|
137
|
+
(i === 0 ? textIndent : 0);
|
|
138
|
+
lineWidths.push(lineWidth);
|
|
139
|
+
maxLineWidth = Math.max(maxLineWidth, lineWidth);
|
|
140
|
+
}
|
|
141
|
+
if (w === 0) {
|
|
142
|
+
width = maxLineWidth + paddingLeft + paddingRight;
|
|
143
|
+
innerWidth = maxLineWidth;
|
|
144
|
+
}
|
|
145
|
+
if (wordWrap === true &&
|
|
146
|
+
w > maxLineWidth &&
|
|
147
|
+
renderInfo.textAlign === 'left' &&
|
|
148
|
+
lines.length === 1) {
|
|
149
|
+
width = maxLineWidth + paddingLeft + paddingRight;
|
|
150
|
+
}
|
|
151
|
+
let height;
|
|
152
|
+
if (h > 0) {
|
|
153
|
+
height = h;
|
|
154
|
+
}
|
|
155
|
+
else {
|
|
156
|
+
height = calcHeight(renderInfo.textBaseline, fontSize, lineHeight, lines.length, offsetY);
|
|
157
|
+
}
|
|
158
|
+
if (offsetY === null) {
|
|
159
|
+
offsetY = fontSize;
|
|
160
|
+
}
|
|
161
|
+
renderInfo.width = width;
|
|
162
|
+
renderInfo.height = height;
|
|
163
|
+
renderInfo.lines = lines;
|
|
164
|
+
renderInfo.precision = precision;
|
|
165
|
+
renderInfo.remainingText = remainingText;
|
|
166
|
+
renderInfo.moreTextLines = moreTextLines;
|
|
167
|
+
renderInfo.innerWidth = innerWidth;
|
|
168
|
+
renderInfo.fontSize = fontSize;
|
|
169
|
+
renderInfo.cutSx = cutSx;
|
|
170
|
+
renderInfo.cutSy = cutSy;
|
|
171
|
+
renderInfo.cutEx = cutEx;
|
|
172
|
+
renderInfo.cutEy = cutEy;
|
|
173
|
+
renderInfo.lineHeight = lineHeight;
|
|
174
|
+
renderInfo.defLineHeight = defLineHeight;
|
|
175
|
+
renderInfo.lineWidths = lineWidths;
|
|
176
|
+
renderInfo.offsetY = offsetY;
|
|
177
|
+
renderInfo.paddingLeft = paddingLeft;
|
|
178
|
+
renderInfo.paddingRight = paddingRight;
|
|
179
|
+
renderInfo.letterSpacing = letterSpacing;
|
|
180
|
+
renderInfo.textIndent = textIndent;
|
|
181
|
+
renderInfo.metrics = metrics;
|
|
182
|
+
}
|
|
183
|
+
//# sourceMappingURL=calculateRenderInfo.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"calculateRenderInfo.js","sourceRoot":"","sources":["../../../../../src/core/text-rendering/canvas/calculateRenderInfo.ts"],"names":[],"mappings":"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"}
|