emf-converter 4.2.1 → 4.3.0

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. 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`).
+- **Colour adjustment and image effects**: The `HALFTONE` stretch mode resamples with an area-averaging box filter. Integer enlargements match Windows exactly; reductions do not, because Windows' halftone engine uses a narrower kernel and its own colour mapping (1.05% of pixels differ on the fixture). `EMR_SETCOLORADJUSTMENT` is applied to the source of `HALFTONE` `StretchBlt` and `StretchDIBits` calls, as in GDI. Windows does not publish its adjustment formulas, so gamma, reference black/white, contrast, brightness, colourfulness, red-green tint, negative and log filter use documented approximations, and Windows' dithering of the adjusted colours is not reproduced (6.6% of pixels differ by more than 24 on the fixture). The illuminant is ignored. 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

@@ -19982,6 +19982,97 @@ function handleEmfGdiShapeRecord(rCtx, recType, dataOff, recSize) {
   }
 }
 
+// src/emf-gdi-color-adjust.ts
+var CA_NEGATIVE = 1;
+var CA_LOG_FILTER = 2;
+var COLOR_ADJUSTMENT_SIZE = 24;
+function readColorAdjustment(view, off) {
+  const ca = {
+    flags: view.getUint16(off + 2, true),
+    illuminant: view.getUint16(off + 4, true),
+    redGamma: view.getUint16(off + 6, true),
+    greenGamma: view.getUint16(off + 8, true),
+    blueGamma: view.getUint16(off + 10, true),
+    referenceBlack: view.getUint16(off + 12, true),
+    referenceWhite: view.getUint16(off + 14, true),
+    contrast: view.getInt16(off + 16, true),
+    brightness: view.getInt16(off + 18, true),
+    colorfulness: view.getInt16(off + 20, true),
+    redGreenTint: view.getInt16(off + 22, true)
+  };
+  const within = (v, lo, hi) => v >= lo && v <= hi;
+  const valid = (ca.flags & -4) === 0 && within(ca.illuminant, 0, 8) && within(ca.redGamma, 2500, 65e3) && within(ca.greenGamma, 2500, 65e3) && within(ca.blueGamma, 2500, 65e3) && within(ca.referenceBlack, 0, 4e3) && within(ca.referenceWhite, 6e3, 1e4) && within(ca.contrast, -100, 100) && within(ca.brightness, -100, 100) && within(ca.colorfulness, -100, 100) && within(ca.redGreenTint, -100, 100);
+  return valid ? ca : null;
+}
+function isIdentityColorAdjustment(ca) {
+  return !ca || ca.flags === 0 && ca.redGamma === 1e4 && ca.greenGamma === 1e4 && ca.blueGamma === 1e4 && ca.referenceBlack === 0 && ca.referenceWhite === 1e4 && ca.contrast === 0 && ca.brightness === 0 && ca.colorfulness === 0 && ca.redGreenTint === 0;
+}
+function colorfulnessScale(c) {
+  return c > 0 ? 1 + 2 * c / 100 : 1 + c / 100;
+}
+var clamp012 = (v) => v < 0 ? 0 : v > 1 ? 1 : v;
+function colorAdjustmentMapper(ca) {
+  const black = ca.referenceBlack / 1e4;
+  const span = Math.max(1e-6, ca.referenceWhite / 1e4 - black);
+  const gammas = [ca.redGamma / 1e4, ca.greenGamma / 1e4, ca.blueGamma / 1e4];
+  const curves = gammas.map((gamma) => {
+    const table = new Float64Array(256);
+    for (let i = 0; i < 256; i++) {
+      let v = clamp012((i / 255 - black) / span);
+      v = Math.pow(v, gamma);
+      table[i] = ca.flags & CA_NEGATIVE ? 1 - v : v;
+    }
+    return table;
+  });
+  const chroma = colorfulnessScale(ca.colorfulness);
+  const contrast = 1 + ca.contrast / 100;
+  const brightness = 0.8 * ca.brightness / 100;
+  const tint = 0.3 * ca.redGreenTint / 100;
+  const log = (ca.flags & CA_LOG_FILTER) !== 0;
+  const out = (v) => {
+    v = clamp012(v);
+    if (log) {
+      v = Math.log10(1 + 9 * v);
+    }
+    return Math.round(v * 255);
+  };
+  return (rgb2) => {
+    const r = curves[0][rgb2 >> 16 & 255];
+    const g = curves[1][rgb2 >> 8 & 255];
+    const b = curves[2][rgb2 & 255];
+    let y = 0.299 * r + 0.587 * g + 0.114 * b;
+    let cr = (r - y) * chroma;
+    const cb = (b - y) * chroma;
+    y = (y - 0.5) * contrast + 0.5 + brightness;
+    cr += tint;
+    const r2 = y + cr;
+    const b2 = y + cb;
+    const g2 = (y - 0.299 * r2 - 0.114 * b2) / 0.587;
+    return out(r2) << 16 | out(g2) << 8 | out(b2);
+  };
+}
+function applyColorAdjustment(pixels, ca) {
+  if (!ca || isIdentityColorAdjustment(ca)) {
+    return;
+  }
+  const map = colorAdjustmentMapper(ca);
+  const d = pixels.data;
+  const cache = /* @__PURE__ */ new Map();
+  for (let i = 0; i + 3 < d.length; i += 4) {
+    const rgb2 = d[i] << 16 | d[i + 1] << 8 | d[i + 2];
+    let v = cache.get(rgb2);
+    if (v === void 0) {
+      v = map(rgb2);
+      if (cache.size < 65536) {
+        cache.set(rgb2, v);
+      }
+    }
+    d[i] = v >> 16 & 255;
+    d[i + 1] = v >> 8 & 255;
+    d[i + 2] = v & 255;
+  }
+}
+
 // src/emf-gdi-stretch.ts
 var BLACKONWHITE = 1;
 var WHITEONBLACK = 2;
@@ -20054,6 +20145,66 @@ function stretchGdi(src, sx, sy, sw, sh, dw, dh, mode) {
   }
   return { width: W, height: H, data };
 }
+function axisBoxWeights(srcStart, srcLen, dstLen, reverse) {
+  const out = [];
+  if (dstLen <= 0 || srcLen <= 0) {
+    return out;
+  }
+  const at = (k) => reverse ? srcStart + srcLen - 1 - k : srcStart + k;
+  for (let i = 0; i < dstLen; i++) {
+    const a = i * srcLen;
+    const b = (i + 1) * srcLen;
+    const taps = [];
+    for (let k = Math.floor(a / dstLen); k * dstLen < b; k++) {
+      const overlap = Math.min(b, (k + 1) * dstLen) - Math.max(a, k * dstLen);
+      if (overlap > 0) {
+        taps.push([at(k), overlap / srcLen]);
+      }
+    }
+    out.push(taps);
+  }
+  return out;
+}
+function stretchHalftone(src, sx, sy, sw, sh, dw, dh) {
+  const W = Math.max(0, Math.round(Math.abs(dw)));
+  const H = Math.max(0, Math.round(Math.abs(dh)));
+  const flipX = dw < 0 !== sw < 0;
+  const flipY = dh < 0 !== sh < 0;
+  const cols = axisBoxWeights(Math.round(Math.min(sx, sx + sw)), Math.round(Math.abs(sw)), W, flipX);
+  const rows = axisBoxWeights(Math.round(Math.min(sy, sy + sh)), Math.round(Math.abs(sh)), H, flipY);
+  const data = new Uint8ClampedArray(W * H * 4);
+  const s = src.data;
+  for (let y = 0; y < H; y++) {
+    const ys = rows[y] ?? [];
+    for (let x = 0; x < W; x++) {
+      const xs = cols[x] ?? [];
+      let r = 0;
+      let g = 0;
+      let b = 0;
+      for (const [yy, wy] of ys) {
+        if (yy < 0 || yy >= src.height) {
+          continue;
+        }
+        for (const [xx, wx] of xs) {
+          if (xx < 0 || xx >= src.width) {
+            continue;
+          }
+          const w = wx * wy;
+          const i = (yy * src.width + xx) * 4;
+          r += s[i] * w;
+          g += s[i + 1] * w;
+          b += s[i + 2] * w;
+        }
+      }
+      const o = (y * W + x) * 4;
+      data[o] = Math.floor(r + 1e-6);
+      data[o + 1] = Math.floor(g + 1e-6);
+      data[o + 2] = Math.floor(b + 1e-6);
+      data[o + 3] = 255;
+    }
+  }
+  return { width: W, height: H, data };
+}
 
 // src/emf-gdi-draw-bitmap.ts
 function patternOperand(rCtx, brush) {
@@ -20077,46 +20228,18 @@ function patternOperand(rCtx, brush) {
 function drawSourceMapped(target, decoded, req, offsetX, offsetY, mode) {
   const dLeft = Math.min(req.dx, req.dx + req.dw) - offsetX;
   const dTop = Math.min(req.dy, req.dy + req.dh) - offsetY;
-  if (mode !== HALFTONE) {
-    const px = stretchGdi(decoded.pixels, req.sx, req.sy, req.sw, req.sh, req.dw, req.dh, mode);
-    const tile = createTempCanvas(px.width, px.height);
-    if (!tile) {
-      return;
-    }
-    canvasPutImageData(tile.ctx, createImageDataCompat(px.data, px.width, px.height), 0, 0);
-    target.save();
-    target.globalCompositeOperation = "source-over";
-    canvasDrawImage(target, tile.canvas, Math.round(dLeft), Math.round(dTop), px.width, px.height);
-    target.restore();
+  const px = mode === HALFTONE ? stretchHalftone(decoded.pixels, req.sx, req.sy, req.sw, req.sh, req.dw, req.dh) : stretchGdi(decoded.pixels, req.sx, req.sy, req.sw, req.sh, req.dw, req.dh, mode);
+  if (px.width === 0 || px.height === 0) {
     return;
   }
-  const flipX = req.dw < 0 !== req.sw < 0;
-  const flipY = req.dh < 0 !== req.sh < 0;
-  const adw = Math.abs(req.dw);
-  const adh = Math.abs(req.dh);
+  const tile = createTempCanvas(px.width, px.height);
+  if (!tile) {
+    return;
+  }
+  canvasPutImageData(tile.ctx, createImageDataCompat(px.data, px.width, px.height), 0, 0);
   target.save();
-  target.imageSmoothingEnabled = true;
-  target.transform(
-    flipX ? -1 : 1,
-    0,
-    0,
-    flipY ? -1 : 1,
-    flipX ? dLeft * 2 + adw : 0,
-    flipY ? dTop * 2 + adh : 0
-  );
-  const draw = target.drawImage;
-  draw.call(
-    target,
-    decoded.canvas,
-    Math.min(req.sx, req.sx + req.sw),
-    Math.min(req.sy, req.sy + req.sh),
-    Math.abs(req.sw),
-    Math.abs(req.sh),
-    dLeft,
-    dTop,
-    adw,
-    adh
-  );
+  target.globalCompositeOperation = "source-over";
+  canvasDrawImage(target, tile.canvas, Math.round(dLeft), Math.round(dTop), px.width, px.height);
   target.restore();
 }
 function decodeSource(rCtx, req) {
@@ -20133,17 +20256,15 @@ function decodeSource(rCtx, req) {
   if (!image) {
     return null;
   }
-  const temp = createTempCanvas(image.width, image.height);
-  if (!temp) {
-    return null;
+  if (req.stretch && rCtx.state.stretchBltMode === HALFTONE) {
+    applyColorAdjustment(image, rCtx.state.colorAdjustment);
   }
-  canvasPutImageData(temp.ctx, image, 0, 0);
   let { sy } = req;
   if (req.dibOrigin === "bottom-left" && rCtx.view.getInt32(req.source.bmi + 8, true) > 0) {
     sy = image.height - sy - req.sh;
   }
   return {
-    decoded: { pixels: image, canvas: temp.canvas },
+    decoded: { pixels: image },
     req: { ...req, sy }
   };
 }
@@ -20256,7 +20377,7 @@ function nudgedFloor(num, den, dx, dy) {
   const q = Math.floor(num / den);
   return num === q * den && nudgedSign(0, dx, dy) < 0 ? q - 1 : q;
 }
-function executeRotatedBlit(rCtx, logDx, logDy, logDw, logDh, rop, source, sx, sy, sw, sh, dibOrigin) {
+function executeRotatedBlit(rCtx, logDx, logDy, logDw, logDh, rop, source, sx, sy, sw, sh, dibOrigin, stretch) {
   const { ctx } = rCtx;
   const index = rop3Index(rop);
   if (index === 170) {
@@ -20292,7 +20413,8 @@ function executeRotatedBlit(rCtx, logDx, logDy, logDw, logDh, rop, source, sx, s
       sy,
       sw,
       sh,
-      dibOrigin
+      dibOrigin,
+      stretch
     });
     if (!decoded) {
       return;
@@ -20460,7 +20582,8 @@ function handleBlt(rCtx, offset, dataOff, recSize, stretch) {
       srcRect.sy,
       srcRect.sw,
       srcRect.sh,
-      "top-left"
+      "top-left",
+      stretch
     );
     return true;
   }
@@ -20472,7 +20595,8 @@ function handleBlt(rCtx, offset, dataOff, recSize, stretch) {
     dh: gmh(rCtx, cyDest),
     source,
     ...srcRect,
-    dibOrigin: "top-left"
+    dibOrigin: "top-left",
+    stretch
   });
   return true;
 }
@@ -20499,7 +20623,7 @@ function handleStretchDibits(rCtx, offset, dataOff, recSize) {
   const sw = view.getInt32(dataOff + 32, true);
   const sh = view.getInt32(dataOff + 36, true);
   if (hasWorldRotation(rCtx)) {
-    executeRotatedBlit(rCtx, xDest, yDest, cxDest, cyDest, rop, source, sx, sy, sw, sh, "bottom-left");
+    executeRotatedBlit(rCtx, xDest, yDest, cxDest, cyDest, rop, source, sx, sy, sw, sh, "bottom-left", true);
     return true;
   }
   executeBlit(rCtx, {
@@ -20513,7 +20637,8 @@ function handleStretchDibits(rCtx, offset, dataOff, recSize) {
     sy,
     sw,
     sh,
-    dibOrigin: "bottom-left"
+    dibOrigin: "bottom-left",
+    stretch: true
   });
   return true;
 }
@@ -23029,20 +23154,9 @@ function handleEmfGdiMiscRecord(rCtx, recType, dataOff, recSize) {
       return true;
     }
     case EMR_SETCOLORADJUSTMENT: {
-      if (recSize >= 32) {
-        state.colorAdjustment = {
-          flags: view.getUint16(dataOff + 2, true),
-          illuminant: view.getUint16(dataOff + 4, true),
-          redGamma: view.getUint16(dataOff + 6, true),
-          greenGamma: view.getUint16(dataOff + 8, true),
-          blueGamma: view.getUint16(dataOff + 10, true),
-          referenceBlack: view.getUint16(dataOff + 12, true),
-          referenceWhite: view.getUint16(dataOff + 14, true),
-          contrast: view.getInt16(dataOff + 16, true),
-          brightness: view.getInt16(dataOff + 18, true),
-          colorfulness: view.getInt16(dataOff + 20, true),
-          redGreenTint: view.getInt16(dataOff + 22, true)
-        };
+      const ca = recSize >= 8 + COLOR_ADJUSTMENT_SIZE ? readColorAdjustment(view, dataOff) : null;
+      if (ca) {
+        state.colorAdjustment = ca;
       }
       return true;
     }

package/dist/index.mjs

@@ -19980,6 +19980,97 @@ function handleEmfGdiShapeRecord(rCtx, recType, dataOff, recSize) {
   }
 }
 
+// src/emf-gdi-color-adjust.ts
+var CA_NEGATIVE = 1;
+var CA_LOG_FILTER = 2;
+var COLOR_ADJUSTMENT_SIZE = 24;
+function readColorAdjustment(view, off) {
+  const ca = {
+    flags: view.getUint16(off + 2, true),
+    illuminant: view.getUint16(off + 4, true),
+    redGamma: view.getUint16(off + 6, true),
+    greenGamma: view.getUint16(off + 8, true),
+    blueGamma: view.getUint16(off + 10, true),
+    referenceBlack: view.getUint16(off + 12, true),
+    referenceWhite: view.getUint16(off + 14, true),
+    contrast: view.getInt16(off + 16, true),
+    brightness: view.getInt16(off + 18, true),
+    colorfulness: view.getInt16(off + 20, true),
+    redGreenTint: view.getInt16(off + 22, true)
+  };
+  const within = (v, lo, hi) => v >= lo && v <= hi;
+  const valid = (ca.flags & -4) === 0 && within(ca.illuminant, 0, 8) && within(ca.redGamma, 2500, 65e3) && within(ca.greenGamma, 2500, 65e3) && within(ca.blueGamma, 2500, 65e3) && within(ca.referenceBlack, 0, 4e3) && within(ca.referenceWhite, 6e3, 1e4) && within(ca.contrast, -100, 100) && within(ca.brightness, -100, 100) && within(ca.colorfulness, -100, 100) && within(ca.redGreenTint, -100, 100);
+  return valid ? ca : null;
+}
+function isIdentityColorAdjustment(ca) {
+  return !ca || ca.flags === 0 && ca.redGamma === 1e4 && ca.greenGamma === 1e4 && ca.blueGamma === 1e4 && ca.referenceBlack === 0 && ca.referenceWhite === 1e4 && ca.contrast === 0 && ca.brightness === 0 && ca.colorfulness === 0 && ca.redGreenTint === 0;
+}
+function colorfulnessScale(c) {
+  return c > 0 ? 1 + 2 * c / 100 : 1 + c / 100;
+}
+var clamp012 = (v) => v < 0 ? 0 : v > 1 ? 1 : v;
+function colorAdjustmentMapper(ca) {
+  const black = ca.referenceBlack / 1e4;
+  const span = Math.max(1e-6, ca.referenceWhite / 1e4 - black);
+  const gammas = [ca.redGamma / 1e4, ca.greenGamma / 1e4, ca.blueGamma / 1e4];
+  const curves = gammas.map((gamma) => {
+    const table = new Float64Array(256);
+    for (let i = 0; i < 256; i++) {
+      let v = clamp012((i / 255 - black) / span);
+      v = Math.pow(v, gamma);
+      table[i] = ca.flags & CA_NEGATIVE ? 1 - v : v;
+    }
+    return table;
+  });
+  const chroma = colorfulnessScale(ca.colorfulness);
+  const contrast = 1 + ca.contrast / 100;
+  const brightness = 0.8 * ca.brightness / 100;
+  const tint = 0.3 * ca.redGreenTint / 100;
+  const log = (ca.flags & CA_LOG_FILTER) !== 0;
+  const out = (v) => {
+    v = clamp012(v);
+    if (log) {
+      v = Math.log10(1 + 9 * v);
+    }
+    return Math.round(v * 255);
+  };
+  return (rgb2) => {
+    const r = curves[0][rgb2 >> 16 & 255];
+    const g = curves[1][rgb2 >> 8 & 255];
+    const b = curves[2][rgb2 & 255];
+    let y = 0.299 * r + 0.587 * g + 0.114 * b;
+    let cr = (r - y) * chroma;
+    const cb = (b - y) * chroma;
+    y = (y - 0.5) * contrast + 0.5 + brightness;
+    cr += tint;
+    const r2 = y + cr;
+    const b2 = y + cb;
+    const g2 = (y - 0.299 * r2 - 0.114 * b2) / 0.587;
+    return out(r2) << 16 | out(g2) << 8 | out(b2);
+  };
+}
+function applyColorAdjustment(pixels, ca) {
+  if (!ca || isIdentityColorAdjustment(ca)) {
+    return;
+  }
+  const map = colorAdjustmentMapper(ca);
+  const d = pixels.data;
+  const cache = /* @__PURE__ */ new Map();
+  for (let i = 0; i + 3 < d.length; i += 4) {
+    const rgb2 = d[i] << 16 | d[i + 1] << 8 | d[i + 2];
+    let v = cache.get(rgb2);
+    if (v === void 0) {
+      v = map(rgb2);
+      if (cache.size < 65536) {
+        cache.set(rgb2, v);
+      }
+    }
+    d[i] = v >> 16 & 255;
+    d[i + 1] = v >> 8 & 255;
+    d[i + 2] = v & 255;
+  }
+}
+
 // src/emf-gdi-stretch.ts
 var BLACKONWHITE = 1;
 var WHITEONBLACK = 2;
@@ -20052,6 +20143,66 @@ function stretchGdi(src, sx, sy, sw, sh, dw, dh, mode) {
   }
   return { width: W, height: H, data };
 }
+function axisBoxWeights(srcStart, srcLen, dstLen, reverse) {
+  const out = [];
+  if (dstLen <= 0 || srcLen <= 0) {
+    return out;
+  }
+  const at = (k) => reverse ? srcStart + srcLen - 1 - k : srcStart + k;
+  for (let i = 0; i < dstLen; i++) {
+    const a = i * srcLen;
+    const b = (i + 1) * srcLen;
+    const taps = [];
+    for (let k = Math.floor(a / dstLen); k * dstLen < b; k++) {
+      const overlap = Math.min(b, (k + 1) * dstLen) - Math.max(a, k * dstLen);
+      if (overlap > 0) {
+        taps.push([at(k), overlap / srcLen]);
+      }
+    }
+    out.push(taps);
+  }
+  return out;
+}
+function stretchHalftone(src, sx, sy, sw, sh, dw, dh) {
+  const W = Math.max(0, Math.round(Math.abs(dw)));
+  const H = Math.max(0, Math.round(Math.abs(dh)));
+  const flipX = dw < 0 !== sw < 0;
+  const flipY = dh < 0 !== sh < 0;
+  const cols = axisBoxWeights(Math.round(Math.min(sx, sx + sw)), Math.round(Math.abs(sw)), W, flipX);
+  const rows = axisBoxWeights(Math.round(Math.min(sy, sy + sh)), Math.round(Math.abs(sh)), H, flipY);
+  const data = new Uint8ClampedArray(W * H * 4);
+  const s = src.data;
+  for (let y = 0; y < H; y++) {
+    const ys = rows[y] ?? [];
+    for (let x = 0; x < W; x++) {
+      const xs = cols[x] ?? [];
+      let r = 0;
+      let g = 0;
+      let b = 0;
+      for (const [yy, wy] of ys) {
+        if (yy < 0 || yy >= src.height) {
+          continue;
+        }
+        for (const [xx, wx] of xs) {
+          if (xx < 0 || xx >= src.width) {
+            continue;
+          }
+          const w = wx * wy;
+          const i = (yy * src.width + xx) * 4;
+          r += s[i] * w;
+          g += s[i + 1] * w;
+          b += s[i + 2] * w;
+        }
+      }
+      const o = (y * W + x) * 4;
+      data[o] = Math.floor(r + 1e-6);
+      data[o + 1] = Math.floor(g + 1e-6);
+      data[o + 2] = Math.floor(b + 1e-6);
+      data[o + 3] = 255;
+    }
+  }
+  return { width: W, height: H, data };
+}
 
 // src/emf-gdi-draw-bitmap.ts
 function patternOperand(rCtx, brush) {
@@ -20075,46 +20226,18 @@ function patternOperand(rCtx, brush) {
 function drawSourceMapped(target, decoded, req, offsetX, offsetY, mode) {
   const dLeft = Math.min(req.dx, req.dx + req.dw) - offsetX;
   const dTop = Math.min(req.dy, req.dy + req.dh) - offsetY;
-  if (mode !== HALFTONE) {
-    const px = stretchGdi(decoded.pixels, req.sx, req.sy, req.sw, req.sh, req.dw, req.dh, mode);
-    const tile = createTempCanvas(px.width, px.height);
-    if (!tile) {
-      return;
-    }
-    canvasPutImageData(tile.ctx, createImageDataCompat(px.data, px.width, px.height), 0, 0);
-    target.save();
-    target.globalCompositeOperation = "source-over";
-    canvasDrawImage(target, tile.canvas, Math.round(dLeft), Math.round(dTop), px.width, px.height);
-    target.restore();
+  const px = mode === HALFTONE ? stretchHalftone(decoded.pixels, req.sx, req.sy, req.sw, req.sh, req.dw, req.dh) : stretchGdi(decoded.pixels, req.sx, req.sy, req.sw, req.sh, req.dw, req.dh, mode);
+  if (px.width === 0 || px.height === 0) {
     return;
   }
-  const flipX = req.dw < 0 !== req.sw < 0;
-  const flipY = req.dh < 0 !== req.sh < 0;
-  const adw = Math.abs(req.dw);
-  const adh = Math.abs(req.dh);
+  const tile = createTempCanvas(px.width, px.height);
+  if (!tile) {
+    return;
+  }
+  canvasPutImageData(tile.ctx, createImageDataCompat(px.data, px.width, px.height), 0, 0);
   target.save();
-  target.imageSmoothingEnabled = true;
-  target.transform(
-    flipX ? -1 : 1,
-    0,
-    0,
-    flipY ? -1 : 1,
-    flipX ? dLeft * 2 + adw : 0,
-    flipY ? dTop * 2 + adh : 0
-  );
-  const draw = target.drawImage;
-  draw.call(
-    target,
-    decoded.canvas,
-    Math.min(req.sx, req.sx + req.sw),
-    Math.min(req.sy, req.sy + req.sh),
-    Math.abs(req.sw),
-    Math.abs(req.sh),
-    dLeft,
-    dTop,
-    adw,
-    adh
-  );
+  target.globalCompositeOperation = "source-over";
+  canvasDrawImage(target, tile.canvas, Math.round(dLeft), Math.round(dTop), px.width, px.height);
   target.restore();
 }
 function decodeSource(rCtx, req) {
@@ -20131,17 +20254,15 @@ function decodeSource(rCtx, req) {
   if (!image) {
     return null;
   }
-  const temp = createTempCanvas(image.width, image.height);
-  if (!temp) {
-    return null;
+  if (req.stretch && rCtx.state.stretchBltMode === HALFTONE) {
+    applyColorAdjustment(image, rCtx.state.colorAdjustment);
   }
-  canvasPutImageData(temp.ctx, image, 0, 0);
   let { sy } = req;
   if (req.dibOrigin === "bottom-left" && rCtx.view.getInt32(req.source.bmi + 8, true) > 0) {
     sy = image.height - sy - req.sh;
   }
   return {
-    decoded: { pixels: image, canvas: temp.canvas },
+    decoded: { pixels: image },
     req: { ...req, sy }
   };
 }
@@ -20254,7 +20375,7 @@ function nudgedFloor(num, den, dx, dy) {
   const q = Math.floor(num / den);
   return num === q * den && nudgedSign(0, dx, dy) < 0 ? q - 1 : q;
 }
-function executeRotatedBlit(rCtx, logDx, logDy, logDw, logDh, rop, source, sx, sy, sw, sh, dibOrigin) {
+function executeRotatedBlit(rCtx, logDx, logDy, logDw, logDh, rop, source, sx, sy, sw, sh, dibOrigin, stretch) {
   const { ctx } = rCtx;
   const index = rop3Index(rop);
   if (index === 170) {
@@ -20290,7 +20411,8 @@ function executeRotatedBlit(rCtx, logDx, logDy, logDw, logDh, rop, source, sx, s
       sy,
       sw,
       sh,
-      dibOrigin
+      dibOrigin,
+      stretch
     });
     if (!decoded) {
       return;
@@ -20458,7 +20580,8 @@ function handleBlt(rCtx, offset, dataOff, recSize, stretch) {
       srcRect.sy,
       srcRect.sw,
       srcRect.sh,
-      "top-left"
+      "top-left",
+      stretch
     );
     return true;
   }
@@ -20470,7 +20593,8 @@ function handleBlt(rCtx, offset, dataOff, recSize, stretch) {
     dh: gmh(rCtx, cyDest),
     source,
     ...srcRect,
-    dibOrigin: "top-left"
+    dibOrigin: "top-left",
+    stretch
   });
   return true;
 }
@@ -20497,7 +20621,7 @@ function handleStretchDibits(rCtx, offset, dataOff, recSize) {
   const sw = view.getInt32(dataOff + 32, true);
   const sh = view.getInt32(dataOff + 36, true);
   if (hasWorldRotation(rCtx)) {
-    executeRotatedBlit(rCtx, xDest, yDest, cxDest, cyDest, rop, source, sx, sy, sw, sh, "bottom-left");
+    executeRotatedBlit(rCtx, xDest, yDest, cxDest, cyDest, rop, source, sx, sy, sw, sh, "bottom-left", true);
     return true;
   }
   executeBlit(rCtx, {
@@ -20511,7 +20635,8 @@ function handleStretchDibits(rCtx, offset, dataOff, recSize) {
     sy,
     sw,
     sh,
-    dibOrigin: "bottom-left"
+    dibOrigin: "bottom-left",
+    stretch: true
   });
   return true;
 }
@@ -23027,20 +23152,9 @@ function handleEmfGdiMiscRecord(rCtx, recType, dataOff, recSize) {
       return true;
     }
     case EMR_SETCOLORADJUSTMENT: {
-      if (recSize >= 32) {
-        state.colorAdjustment = {
-          flags: view.getUint16(dataOff + 2, true),
-          illuminant: view.getUint16(dataOff + 4, true),
-          redGamma: view.getUint16(dataOff + 6, true),
-          greenGamma: view.getUint16(dataOff + 8, true),
-          blueGamma: view.getUint16(dataOff + 10, true),
-          referenceBlack: view.getUint16(dataOff + 12, true),
-          referenceWhite: view.getUint16(dataOff + 14, true),
-          contrast: view.getInt16(dataOff + 16, true),
-          brightness: view.getInt16(dataOff + 18, true),
-          colorfulness: view.getInt16(dataOff + 20, true),
-          redGreenTint: view.getInt16(dataOff + 22, true)
-        };
+      const ca = recSize >= 8 + COLOR_ADJUSTMENT_SIZE ? readColorAdjustment(view, dataOff) : null;
+      if (ca) {
+        state.colorAdjustment = ca;
       }
       return true;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "emf-converter",
-	"version": "4.2.1",
+	"version": "4.3.0",
 	"description": "Convert EMF/WMF metafile binaries to PNG data URLs or SVG (markup, data URL, React/JSX)",
 	"keywords": [
 		"canvas",