emf-converter 4.2.0 → 4.2.1

package/README.md

@@ -214,7 +214,7 @@ Everything below is verified against output painted by Windows itself; `src/gdi-
 
 Everything is measured against output painted by Windows itself; `src/gdi-parity.fixture.test.ts` holds the exact per-fixture bounds.
 
-- **Colour adjustment and image effects**: `EMR_SETCOLORADJUSTMENT` is read but not yet applied, and the `HALFTONE` stretch mode is not bit-exact. EMF+ image effects (`SerializableObject`) are applied to the image's pixels before it is drawn. Colour matrix and lookup table effects follow GDI+'s definitions; MS-EMFPLUS does not specify the algorithms of the others (blur, sharpen, brightness/contrast, levels, colour balance, colour curves, hue/saturation/lightness, tint, red-eye), so those use documented approximations and have not been checked against GDI+ output. A blur with `expandEdge` keeps the image's size instead of growing it, and an effect is skipped when the image's pixels are not available (a PNG or JPEG in SVG output without an image decoder).
+- **Colour adjustment and image effects**: `EMR_SETCOLORADJUSTMENT` is read but not yet applied, and the `HALFTONE` stretch mode is not bit-exact. EMF+ image effects (`SerializableObject`) are applied to the image's pixels before it is drawn. Colour matrix and lookup table effects follow GDI+'s definitions; MS-EMFPLUS does not specify the algorithms of the others (blur, sharpen, brightness/contrast, levels, colour balance, colour curves, hue/saturation/lightness, tint, red-eye), so those use documented approximations and have not been checked against GDI+ output. An effect is applied to the draw's source rectangle only, and a blur with `expandEdge` grows it by the blur radius, as GDI+ does. When the source rectangle is not in pixels, the effect is applied to the whole image without that growth. An effect is skipped when the image cannot be decoded to pixels: PNG and BMP always can be, while JPEG, GIF, TIFF and similar formats need a canvas backend (a browser or `@napi-rs/canvas`).
 - **Pen transforms**: nonuniform and skewed EMF+ pen transforms are drawn with the transformed (elliptical or sheared) nib, but unlike uniform ones they are not yet verified against Windows output, and a singular pen transform is ignored.
 - **Text**: ANSI, multi-string and small-text records now render; the Windows text fixtures retain a few glyph-edge differences and a `PolyTextOut` C1 control-glyph difference (under 0.1% of pixels; bounds in `src/emf-text-records.fixture.test.ts`). ANSI decoding uses the host's `TextDecoder` for common Windows code pages; unsupported encodings (including Johab and OEM on standard runtimes) fall back to Windows-1252. Vertical `ETO_PDY` advances require the `fonts` engine. Without `fonts`, SVG text measurements use deterministic estimates, so precise justification requires supplying the matching fonts.
 - **Wide pens and paths**: flat-capped GDI pens 7 px and wider can differ by a few pixels at round joins, and dashed wide Bezier curves follow `WidenPath` (which Windows' direct drawing does not quite match); at most 0.2% of pixels on the fixtures. `EMR_WIDENPATH` does not reproduce the extra inner join triangles GDI's own `WidenPath` emits (visible only when the widened outline is itself stroked). EMF+ 1-pixel antialiased lines can differ by one antialiasing sample at their ends, some closed widened outlines by one sample along an edge, and Inset or compound pens on closed figures are approximate.

package/dist/index.js

@@ -19177,7 +19177,7 @@ function paintBrushThroughMask(rCtx, sampler, box, drawCoverage, mode = "canvas"
   const device = plusWorldMatrix(rCtx);
   const m = mask.ctx;
   const shift = aliased ? aliasedSampleShift(rCtx) : geometry ? plusCanvasShift(rCtx) : 0;
-  m.setTransform(device[0], device[1], device[2], device[3], device[4] - box.x + shift + Number(process.env.HDX ?? 0), device[5] - box.y + shift + Number(process.env.HDY ?? 0));
+  m.setTransform(device[0], device[1], device[2], device[3], device[4] - box.x + shift, device[5] - box.y + shift);
   m.fillStyle = "#000";
   m.strokeStyle = "#000";
   drawCoverage(rasterMode !== "canvas" ? flatteningContext(m, device) : m);
@@ -23940,6 +23940,50 @@ function applyImageEffect(rgba, width, height, effect) {
       return applyTint(rgba, effect.hue, effect.amount);
   }
 }
+function applyImageEffectToRect(rgba, width, height, effect, src) {
+  if (width <= 0 || height <= 0 || rgba.length !== width * height * 4) {
+    return null;
+  }
+  let x0 = 0;
+  let y0 = 0;
+  let x1 = width;
+  let y1 = height;
+  if (src) {
+    x0 = clamp(Math.floor(src.x), 0, width);
+    y0 = clamp(Math.floor(src.y), 0, height);
+    x1 = clamp(Math.ceil(src.x + src.w), 0, width);
+    y1 = clamp(Math.ceil(src.y + src.h), 0, height);
+    if (x1 <= x0 || y1 <= y0) {
+      return null;
+    }
+  }
+  const pad = src && effect.kind === "blur" && effect.expandEdge ? Math.ceil(effect.radius) : 0;
+  const cw = x1 - x0;
+  const ch = y1 - y0;
+  const w = cw + 2 * pad;
+  const h = ch + 2 * pad;
+  let region = rgba;
+  if (w !== width || h !== height || x0 !== 0 || y0 !== 0) {
+    region = new Uint8ClampedArray(w * h * 4);
+    for (let y = 0; y < ch; y++) {
+      const from = ((y0 + y) * width + x0) * 4;
+      region.set(rgba.subarray(from, from + cw * 4), ((pad + y) * w + pad) * 4);
+    }
+  }
+  const ox = x0 - pad;
+  const oy = y0 - pad;
+  const local = effect.kind === "redEyeCorrection" ? {
+    kind: effect.kind,
+    areas: effect.areas.map((a) => ({
+      left: a.left - ox,
+      top: a.top - oy,
+      right: a.right - ox,
+      bottom: a.bottom - oy
+    }))
+  } : effect;
+  const out = applyImageEffect(region, w, h, local);
+  return out ? { rgba: out, x: ox, y: oy, width: w, height: h, pad } : null;
+}
 
 // src/emf-plus-draw-image.ts
 function surfaceSize4(ctx) {
@@ -24076,7 +24120,7 @@ function drawNestedMetafile(rCtx, img, cached, source) {
   rCtx.deferredImages.push(...deferred);
   return true;
 }
-function effectedBitmap(img, bitmap, effect) {
+function effectedDraw(img, bitmap, effect, draw, source) {
   let src = bitmap;
   if (!src && img.data) {
     const bmp = decodeBmpFile(img.data.slice(0));
@@ -24087,21 +24131,61 @@ function effectedBitmap(img, bitmap, effect) {
   if (!src) {
     return null;
   }
-  const rgba = applyImageEffect(src.rgba, src.width, src.height, effect);
-  return rgba ? { kind: "bitmap", width: src.width, height: src.height, rgba } : null;
+  const rect = source && source.unit === UNIT_PIXEL && source.srcW > 0 && source.srcH > 0 && [source.srcX, source.srcY, source.srcW, source.srcH].every(Number.isFinite) ? source : null;
+  const region = applyImageEffectToRect(
+    src.rgba,
+    src.width,
+    src.height,
+    effect,
+    rect && { x: rect.srcX, y: rect.srcY, w: rect.srcW, h: rect.srcH }
+  );
+  if (!region) {
+    return null;
+  }
+  const out = { kind: "bitmap", width: region.width, height: region.height, rgba: region.rgba };
+  if (!rect) {
+    return { bitmap: out, draw };
+  }
+  const grow = region.pad;
+  const srcX = rect.srcX - grow - region.x;
+  const srcY = rect.srcY - grow - region.y;
+  const srcW = rect.srcW + 2 * grow;
+  const srcH = rect.srcH + 2 * grow;
+  const shift = [1, 0, 0, 1, region.x, region.y];
+  const toWorld = mulMatrix(rect.toWorld(rect.srcX, rect.srcY, rect.srcW, rect.srcH), shift);
+  return {
+    bitmap: out,
+    draw: {
+      ...draw,
+      // The Canvas fallback scales the whole effected bitmap.
+      transform: mulMatrix(draw.transform, toWorld),
+      dx: 0,
+      dy: 0,
+      dw: region.width,
+      dh: region.height,
+      resample: draw.resample && {
+        ...draw.resample,
+        srcX,
+        srcY,
+        srcW,
+        srcH,
+        toDevice: mulMatrix(draw.resample.toDevice, shift)
+      }
+    }
+  };
 }
 function drawEmfPlusImageNow(rCtx, img, draw, source, effect = null) {
   const cached = img.cacheKey !== void 0 ? rCtx.imageCache?.get(img.cacheKey) : void 0;
   if (img.type === 2) {
     return drawNestedMetafile(rCtx, img, cached, source);
   }
-  let bitmap = cached && cached.kind === "bitmap" ? cached : null;
-  const effected = effect ? effectedBitmap(img, bitmap, effect) : null;
+  const bitmap = cached && cached.kind === "bitmap" ? cached : null;
+  const effected = effect ? effectedDraw(img, bitmap, effect, draw, source) : null;
   if (effected) {
-    bitmap = effected;
+    return isSvgContext(rCtx.ctx) ? paintBitmapSvg(rCtx.ctx, img, effected.bitmap, effected.draw, true) : paintBitmapRaster(rCtx.ctx, effected.bitmap, effected.draw);
   }
   if (isSvgContext(rCtx.ctx)) {
-    return paintBitmapSvg(rCtx.ctx, img, bitmap, draw, effected !== null);
+    return paintBitmapSvg(rCtx.ctx, img, bitmap, draw);
   }
   return bitmap ? paintBitmapRaster(rCtx.ctx, bitmap, draw) : false;
 }
@@ -24393,28 +24477,32 @@ function strokePlusGeometry(rCtx, pen, buildPath, points, closedFigure = false)
       if (mode !== "canvas" && size && strokeGdiplus(rCtx, pen, nib, sampler, buildPath, device, size, mode, closedFigure)) {
         return;
       }
-      const miter = Math.max(1, ctx.miterLimit || 10);
-      const margin = pen.width * scale * miter / 2 + 2;
-      const box = size ? deviceBounds(points, device, size, margin) : null;
+      const outline = hasCustomCap(pen) ? penOutlineWorld(rCtx, pen, nib, buildPath, closedFigure) : null;
+      let box = null;
+      if (size && outline) {
+        box = deviceBounds(outline.flat(), device, size, 2);
+      } else if (size) {
+        const miter = Math.max(1, ctx.miterLimit || 10);
+        const margin = pen.width * scale * miter / 2 + 2;
+        box = deviceBounds(points, device, size, margin);
+      }
       if (size && !box) {
         return;
       }
-      if (box && paintBrushThroughMask(
-        rCtx,
-        sampler,
-        box,
-        (c) => {
-          applyPlusPenStyle(c, pen, widthScale);
-          stroke(c);
-          c.beginPath();
-          buildPath(c);
-          if (nib) {
-            c.transform(nib[0], nib[1], nib[2], nib[3], 0, 0);
-          }
-        },
-        mode,
-        (c, x, y) => c.isPointInStroke(x, y) && (!inset || c.isPointInPath(x, y))
-      )) {
+      const drawMask = outline ? (c) => {
+        traceOutline(c, outline);
+        c.fill("nonzero");
+      } : (c) => {
+        applyPlusPenStyle(c, pen, widthScale);
+        stroke(c);
+        c.beginPath();
+        buildPath(c);
+        if (nib) {
+          c.transform(nib[0], nib[1], nib[2], nib[3], 0, 0);
+        }
+      };
+      const hitTest = outline ? (c, x, y) => c.isPointInPath(x, y, "nonzero") : (c, x, y) => c.isPointInStroke(x, y) && (!inset || c.isPointInPath(x, y));
+      if (box && paintBrushThroughMask(rCtx, sampler, box, drawMask, mode, hitTest)) {
         return;
       }
     }
@@ -24579,18 +24667,18 @@ function customCapOutline(figures, width, devicePen, pen) {
   outline.push(...geo.polygons);
   return outline;
 }
-function fillPenOutline(rCtx, pen, nib, paint, buildPath, closedFigure) {
+function penOutlineWorld(rCtx, pen, nib, buildPath, closedFigure) {
   const device = plusWorldMatrix(rCtx);
   const frame2 = penFrame(device, nib);
   const deviceInv = invertAffine(device);
   if (!frame2 || !deviceInv || !(frame2.unit > 0)) {
-    return false;
+    return null;
   }
   let figures;
   try {
     figures = recordDeviceFigures(buildPath, frame2.record);
   } catch {
-    return false;
+    return null;
   }
   if (closedFigure) {
     figures = figures.map((f) => ({ ...f, closed: true }));
@@ -24598,25 +24686,33 @@ function fillPenOutline(rCtx, pen, nib, paint, buildPath, closedFigure) {
   const width = (pen.width || 1) * frame2.unit;
   const devicePen = framePen(pen, frame2.unit);
   const outline = hasCustomCap(pen) ? customCapOutline(figures, width, devicePen, pen) : widenFigures(figures, devicePen);
-  const toWorld = mulMatrix(deviceInv, frame2.toDevice);
+  const m = mulMatrix(deviceInv, frame2.toDevice);
+  return outline.map((poly) => poly.map((p) => ({ x: m[0] * p.x + m[2] * p.y + m[4], y: m[1] * p.x + m[3] * p.y + m[5] })));
+}
+function traceOutline(c, outline) {
+  c.beginPath();
+  for (const poly of outline) {
+    poly.forEach((p, i) => {
+      if (i === 0) {
+        c.moveTo(p.x, p.y);
+      } else {
+        c.lineTo(p.x, p.y);
+      }
+    });
+    c.closePath();
+  }
+}
+function fillPenOutline(rCtx, pen, nib, paint, buildPath, closedFigure) {
+  const outline = penOutlineWorld(rCtx, pen, nib, buildPath, closedFigure);
+  if (!outline) {
+    return false;
+  }
   const { ctx } = rCtx;
   ctx.save();
   try {
     ctx.fillStyle = paint;
     applyPlusWorldTransform(rCtx);
-    ctx.beginPath();
-    for (const poly of outline) {
-      poly.forEach((p, i) => {
-        const x = toWorld[0] * p.x + toWorld[2] * p.y + toWorld[4];
-        const y = toWorld[1] * p.x + toWorld[3] * p.y + toWorld[5];
-        if (i === 0) {
-          ctx.moveTo(x, y);
-        } else {
-          ctx.lineTo(x, y);
-        }
-      });
-      ctx.closePath();
-    }
+    traceOutline(ctx, outline);
     ctx.fill("nonzero");
   } finally {
     ctx.restore();

package/dist/index.mjs

@@ -19175,7 +19175,7 @@ function paintBrushThroughMask(rCtx, sampler, box, drawCoverage, mode = "canvas"
   const device = plusWorldMatrix(rCtx);
   const m = mask.ctx;
   const shift = aliased ? aliasedSampleShift(rCtx) : geometry ? plusCanvasShift(rCtx) : 0;
-  m.setTransform(device[0], device[1], device[2], device[3], device[4] - box.x + shift + Number(process.env.HDX ?? 0), device[5] - box.y + shift + Number(process.env.HDY ?? 0));
+  m.setTransform(device[0], device[1], device[2], device[3], device[4] - box.x + shift, device[5] - box.y + shift);
   m.fillStyle = "#000";
   m.strokeStyle = "#000";
   drawCoverage(rasterMode !== "canvas" ? flatteningContext(m, device) : m);
@@ -23938,6 +23938,50 @@ function applyImageEffect(rgba, width, height, effect) {
       return applyTint(rgba, effect.hue, effect.amount);
   }
 }
+function applyImageEffectToRect(rgba, width, height, effect, src) {
+  if (width <= 0 || height <= 0 || rgba.length !== width * height * 4) {
+    return null;
+  }
+  let x0 = 0;
+  let y0 = 0;
+  let x1 = width;
+  let y1 = height;
+  if (src) {
+    x0 = clamp(Math.floor(src.x), 0, width);
+    y0 = clamp(Math.floor(src.y), 0, height);
+    x1 = clamp(Math.ceil(src.x + src.w), 0, width);
+    y1 = clamp(Math.ceil(src.y + src.h), 0, height);
+    if (x1 <= x0 || y1 <= y0) {
+      return null;
+    }
+  }
+  const pad = src && effect.kind === "blur" && effect.expandEdge ? Math.ceil(effect.radius) : 0;
+  const cw = x1 - x0;
+  const ch = y1 - y0;
+  const w = cw + 2 * pad;
+  const h = ch + 2 * pad;
+  let region = rgba;
+  if (w !== width || h !== height || x0 !== 0 || y0 !== 0) {
+    region = new Uint8ClampedArray(w * h * 4);
+    for (let y = 0; y < ch; y++) {
+      const from = ((y0 + y) * width + x0) * 4;
+      region.set(rgba.subarray(from, from + cw * 4), ((pad + y) * w + pad) * 4);
+    }
+  }
+  const ox = x0 - pad;
+  const oy = y0 - pad;
+  const local = effect.kind === "redEyeCorrection" ? {
+    kind: effect.kind,
+    areas: effect.areas.map((a) => ({
+      left: a.left - ox,
+      top: a.top - oy,
+      right: a.right - ox,
+      bottom: a.bottom - oy
+    }))
+  } : effect;
+  const out = applyImageEffect(region, w, h, local);
+  return out ? { rgba: out, x: ox, y: oy, width: w, height: h, pad } : null;
+}
 
 // src/emf-plus-draw-image.ts
 function surfaceSize4(ctx) {
@@ -24074,7 +24118,7 @@ function drawNestedMetafile(rCtx, img, cached, source) {
   rCtx.deferredImages.push(...deferred);
   return true;
 }
-function effectedBitmap(img, bitmap, effect) {
+function effectedDraw(img, bitmap, effect, draw, source) {
   let src = bitmap;
   if (!src && img.data) {
     const bmp = decodeBmpFile(img.data.slice(0));
@@ -24085,21 +24129,61 @@ function effectedBitmap(img, bitmap, effect) {
   if (!src) {
     return null;
   }
-  const rgba = applyImageEffect(src.rgba, src.width, src.height, effect);
-  return rgba ? { kind: "bitmap", width: src.width, height: src.height, rgba } : null;
+  const rect = source && source.unit === UNIT_PIXEL && source.srcW > 0 && source.srcH > 0 && [source.srcX, source.srcY, source.srcW, source.srcH].every(Number.isFinite) ? source : null;
+  const region = applyImageEffectToRect(
+    src.rgba,
+    src.width,
+    src.height,
+    effect,
+    rect && { x: rect.srcX, y: rect.srcY, w: rect.srcW, h: rect.srcH }
+  );
+  if (!region) {
+    return null;
+  }
+  const out = { kind: "bitmap", width: region.width, height: region.height, rgba: region.rgba };
+  if (!rect) {
+    return { bitmap: out, draw };
+  }
+  const grow = region.pad;
+  const srcX = rect.srcX - grow - region.x;
+  const srcY = rect.srcY - grow - region.y;
+  const srcW = rect.srcW + 2 * grow;
+  const srcH = rect.srcH + 2 * grow;
+  const shift = [1, 0, 0, 1, region.x, region.y];
+  const toWorld = mulMatrix(rect.toWorld(rect.srcX, rect.srcY, rect.srcW, rect.srcH), shift);
+  return {
+    bitmap: out,
+    draw: {
+      ...draw,
+      // The Canvas fallback scales the whole effected bitmap.
+      transform: mulMatrix(draw.transform, toWorld),
+      dx: 0,
+      dy: 0,
+      dw: region.width,
+      dh: region.height,
+      resample: draw.resample && {
+        ...draw.resample,
+        srcX,
+        srcY,
+        srcW,
+        srcH,
+        toDevice: mulMatrix(draw.resample.toDevice, shift)
+      }
+    }
+  };
 }
 function drawEmfPlusImageNow(rCtx, img, draw, source, effect = null) {
   const cached = img.cacheKey !== void 0 ? rCtx.imageCache?.get(img.cacheKey) : void 0;
   if (img.type === 2) {
     return drawNestedMetafile(rCtx, img, cached, source);
   }
-  let bitmap = cached && cached.kind === "bitmap" ? cached : null;
-  const effected = effect ? effectedBitmap(img, bitmap, effect) : null;
+  const bitmap = cached && cached.kind === "bitmap" ? cached : null;
+  const effected = effect ? effectedDraw(img, bitmap, effect, draw, source) : null;
   if (effected) {
-    bitmap = effected;
+    return isSvgContext(rCtx.ctx) ? paintBitmapSvg(rCtx.ctx, img, effected.bitmap, effected.draw, true) : paintBitmapRaster(rCtx.ctx, effected.bitmap, effected.draw);
   }
   if (isSvgContext(rCtx.ctx)) {
-    return paintBitmapSvg(rCtx.ctx, img, bitmap, draw, effected !== null);
+    return paintBitmapSvg(rCtx.ctx, img, bitmap, draw);
   }
   return bitmap ? paintBitmapRaster(rCtx.ctx, bitmap, draw) : false;
 }
@@ -24391,28 +24475,32 @@ function strokePlusGeometry(rCtx, pen, buildPath, points, closedFigure = false)
       if (mode !== "canvas" && size && strokeGdiplus(rCtx, pen, nib, sampler, buildPath, device, size, mode, closedFigure)) {
         return;
       }
-      const miter = Math.max(1, ctx.miterLimit || 10);
-      const margin = pen.width * scale * miter / 2 + 2;
-      const box = size ? deviceBounds(points, device, size, margin) : null;
+      const outline = hasCustomCap(pen) ? penOutlineWorld(rCtx, pen, nib, buildPath, closedFigure) : null;
+      let box = null;
+      if (size && outline) {
+        box = deviceBounds(outline.flat(), device, size, 2);
+      } else if (size) {
+        const miter = Math.max(1, ctx.miterLimit || 10);
+        const margin = pen.width * scale * miter / 2 + 2;
+        box = deviceBounds(points, device, size, margin);
+      }
       if (size && !box) {
         return;
       }
-      if (box && paintBrushThroughMask(
-        rCtx,
-        sampler,
-        box,
-        (c) => {
-          applyPlusPenStyle(c, pen, widthScale);
-          stroke(c);
-          c.beginPath();
-          buildPath(c);
-          if (nib) {
-            c.transform(nib[0], nib[1], nib[2], nib[3], 0, 0);
-          }
-        },
-        mode,
-        (c, x, y) => c.isPointInStroke(x, y) && (!inset || c.isPointInPath(x, y))
-      )) {
+      const drawMask = outline ? (c) => {
+        traceOutline(c, outline);
+        c.fill("nonzero");
+      } : (c) => {
+        applyPlusPenStyle(c, pen, widthScale);
+        stroke(c);
+        c.beginPath();
+        buildPath(c);
+        if (nib) {
+          c.transform(nib[0], nib[1], nib[2], nib[3], 0, 0);
+        }
+      };
+      const hitTest = outline ? (c, x, y) => c.isPointInPath(x, y, "nonzero") : (c, x, y) => c.isPointInStroke(x, y) && (!inset || c.isPointInPath(x, y));
+      if (box && paintBrushThroughMask(rCtx, sampler, box, drawMask, mode, hitTest)) {
         return;
       }
     }
@@ -24577,18 +24665,18 @@ function customCapOutline(figures, width, devicePen, pen) {
   outline.push(...geo.polygons);
   return outline;
 }
-function fillPenOutline(rCtx, pen, nib, paint, buildPath, closedFigure) {
+function penOutlineWorld(rCtx, pen, nib, buildPath, closedFigure) {
   const device = plusWorldMatrix(rCtx);
   const frame2 = penFrame(device, nib);
   const deviceInv = invertAffine(device);
   if (!frame2 || !deviceInv || !(frame2.unit > 0)) {
-    return false;
+    return null;
   }
   let figures;
   try {
     figures = recordDeviceFigures(buildPath, frame2.record);
   } catch {
-    return false;
+    return null;
   }
   if (closedFigure) {
     figures = figures.map((f) => ({ ...f, closed: true }));
@@ -24596,25 +24684,33 @@ function fillPenOutline(rCtx, pen, nib, paint, buildPath, closedFigure) {
   const width = (pen.width || 1) * frame2.unit;
   const devicePen = framePen(pen, frame2.unit);
   const outline = hasCustomCap(pen) ? customCapOutline(figures, width, devicePen, pen) : widenFigures(figures, devicePen);
-  const toWorld = mulMatrix(deviceInv, frame2.toDevice);
+  const m = mulMatrix(deviceInv, frame2.toDevice);
+  return outline.map((poly) => poly.map((p) => ({ x: m[0] * p.x + m[2] * p.y + m[4], y: m[1] * p.x + m[3] * p.y + m[5] })));
+}
+function traceOutline(c, outline) {
+  c.beginPath();
+  for (const poly of outline) {
+    poly.forEach((p, i) => {
+      if (i === 0) {
+        c.moveTo(p.x, p.y);
+      } else {
+        c.lineTo(p.x, p.y);
+      }
+    });
+    c.closePath();
+  }
+}
+function fillPenOutline(rCtx, pen, nib, paint, buildPath, closedFigure) {
+  const outline = penOutlineWorld(rCtx, pen, nib, buildPath, closedFigure);
+  if (!outline) {
+    return false;
+  }
   const { ctx } = rCtx;
   ctx.save();
   try {
     ctx.fillStyle = paint;
     applyPlusWorldTransform(rCtx);
-    ctx.beginPath();
-    for (const poly of outline) {
-      poly.forEach((p, i) => {
-        const x = toWorld[0] * p.x + toWorld[2] * p.y + toWorld[4];
-        const y = toWorld[1] * p.x + toWorld[3] * p.y + toWorld[5];
-        if (i === 0) {
-          ctx.moveTo(x, y);
-        } else {
-          ctx.lineTo(x, y);
-        }
-      });
-      ctx.closePath();
-    }
+    traceOutline(ctx, outline);
     ctx.fill("nonzero");
   } finally {
     ctx.restore();

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "emf-converter",
-	"version": "4.2.0",
+	"version": "4.2.1",
 	"description": "Convert EMF/WMF metafile binaries to PNG data URLs or SVG (markup, data URL, React/JSX)",
 	"keywords": [
 		"canvas",
@@ -45,6 +45,7 @@
 		"test": "vitest run",
 		"test:watch": "vitest",
 		"pack": "bun run build && bun pm pack",
+		"docs:typecheck": "vue-tsc --noEmit -p docs/tsconfig.json",
 		"docs:dev": "vitepress dev docs",
 		"docs:build": "vitepress build docs",
 		"docs:preview": "vitepress preview docs"
@@ -59,7 +60,8 @@
 		"tsup": "^8.5.1",
 		"typescript": "^6.0.3",
 		"vitepress": "^1.6.4",
-		"vitest": "^5.0.0"
+		"vitest": "^5.0.0",
+		"vue-tsc": "^3.3.11"
 	},
 	"peerDependencies": {
 		"@napi-rs/canvas": "^1.0.9"