Beanz/pdf.js
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Pre-apply the transform when building the Path2D objects for Type3-fonts

Browse Source 
Rather than updating the transform every time that we're painting a Type3-glyph, we can instead just compute the "final" coordinates during building of the `Path2D` objects.
This commit is contained in:
Jonas Jenwald 2025-03-28 13:26:41 +01:00
parent 31ec357282
commit 852b7e407a
1 changed files with 16 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/display/canvas.js
View File

@ -406,6 +406,11 @@ function compileType3Glyph(imgData) {
const steps = new Int32Array([0, width1, -1, 0, -width1, 0, 0, 0, 1]); const steps = new Int32Array([0, width1, -1, 0, -width1, 0, 0, 0, 1]);
const path = new Path2D(); const path = new Path2D();
// the path shall be painted in [0..1]x[0..1] space
const { a, b, c, d, e, f } = new DOMMatrix()
.scaleSelf(1 / width, -1 / height)
.translateSelf(0, -height);
for (i = 0; count && i <= height; i++) { for (i = 0; count && i <= height; i++) {
let p = i * width1; let p = i * width1;
const end = p + width; const end = p + width;
@ -415,7 +420,9 @@ function compileType3Glyph(imgData) {
if (p === end) { if (p === end) {
continue; continue;
} }
path.moveTo(p % width1, i); let x = p % width1;
let y = i;
path.moveTo(a * x + c * y + e, b * x + d * y + f);
const p0 = p; const p0 = p;
let type = points[p]; let type = points[p];
@ -438,7 +445,9 @@ function compileType3Glyph(imgData) {
// set new type for "future hit" // set new type for "future hit"
points[p] &= (type >> 2) | (type << 2); points[p] &= (type >> 2) | (type << 2);
} }
path.lineTo(p % width1, (p / width1) | 0); x = p % width1;
y = (p / width1) | 0;
path.lineTo(a * x + c * y + e, b * x + d * y + f);
if (!points[p]) { if (!points[p]) {
--count; --count;
@ -451,14 +460,11 @@ function compileType3Glyph(imgData) {
data = null; data = null;
points = null; points = null;
const drawOutline = function (c) { const drawOutline = function (ctx) {
c.save(); ctx.save();
// the path shall be painted in [0..1]x[0..1] space ctx.fill(path);
c.scale(1 / width, -1 / height); ctx.beginPath();
c.translate(0, -height); ctx.restore();
c.fill(path);
c.beginPath();
c.restore();
}; };
return drawOutline; return drawOutline;