@poe-platform/safe-bash 0.1.757 → 0.1.758

package/dist/safe-bash-command-pdftk/index.js

@@ -25274,7 +25274,7 @@ var ParsedCosDocument = class {
     return void 0;
   }
 };
-function parseNodeFromLexer(lexer, bytes, maxDepth, recoverEmptyObject = false) {
+function parseNodeFromLexer(lexer, bytes, maxDepth, repair = false) {
   const stack = [];
   while (true) {
     const tok = lexer.nextToken();
@@ -25283,7 +25283,7 @@ function parseNodeFromLexer(lexer, bytes, maxDepth, recoverEmptyObject = false)
       if (!parent) return void 0;
       throw new PdfError("E_PARSE", parent.kind === "array" ? "Unterminated PDF array" : "Unterminated PDF dictionary");
     }
-    if (!parent && recoverEmptyObject && tok.kind === "keyword" && tok.value === "endobj") {
+    if (!parent && repair && tok.kind === "keyword" && tok.value === "endobj") {
       return { kind: "null", span: tok.span };
     }
     let node;
@@ -25298,6 +25298,7 @@ function parseNodeFromLexer(lexer, bytes, maxDepth, recoverEmptyObject = false)
         parent.key = { kind: "name", rawBytes: tok.rawBytes, decoded: tok.decoded, span: tok.span };
         continue;
       } else {
+        if (repair) continue;
         throw new PdfError("E_PARSE", `Expected dictionary key /Name, got ${tok.kind}`);
       }
     } else {
@@ -25466,7 +25467,7 @@ function parseHeaderVersion(bytes) {
   }
   return head.slice(idx + 5, idx + 8);
 }
-function parseObjectAtOffset(bytes, offset, maxRecursionDepth, recoverEmptyObject = false) {
+function parseObjectAtOffset(bytes, offset, maxRecursionDepth, repair = false) {
   const lexer = new CosByteLexer(bytes, offset);
   const objNumTok = lexer.nextToken();
   const genNumTok = lexer.nextToken();
@@ -25474,7 +25475,7 @@ function parseObjectAtOffset(bytes, offset, maxRecursionDepth, recoverEmptyObjec
   if (objNumTok?.kind !== "number" || genNumTok?.kind !== "number" || objKwTok?.kind !== "keyword" || objKwTok.value !== "obj") {
     throw new PdfError("E_PARSE", `Malformed indirect object header at byte offset ${offset}`);
   }
-  const value = parseNodeFromLexer(lexer, bytes, maxRecursionDepth, recoverEmptyObject);
+  const value = parseNodeFromLexer(lexer, bytes, maxRecursionDepth, repair);
   if (!value) {
     throw new PdfError("E_PARSE", `Empty indirect object ${objNumTok.value} at offset ${offset}`);
   }
@@ -25663,7 +25664,7 @@ function repairScanCosDocument(bytes, maxObjects, maxRecursionDepth) {
         try {
           const token = lexer.nextToken();
           if (token?.kind === "keyword" && token.value === "trailer") {
-            const trailer = parseNodeFromLexer(lexer, bytes, maxRecursionDepth);
+            const trailer = parseNodeFromLexer(lexer, bytes, maxRecursionDepth, true);
             if (trailer?.kind === "dict") trailers.push(trailer);
             pos = lexer.offset;
             continue;
@@ -25719,7 +25720,7 @@ function unpackRecoveredObjects(objects, maxObjects, maxDecompressedBytes, maxRe
       const t = dictGet(obj.value.dict, "Type");
       if (t?.kind === "name" && t.decoded === "ObjStm") {
         try {
-          for (const [unpackedNum, unpackedVal] of unpackObjectStream(obj.value, maxDecompressedBytes, maxRecursionDepth).entries()) {
+          for (const [unpackedNum, unpackedVal] of unpackObjectStream(obj.value, maxDecompressedBytes, maxRecursionDepth, true).entries()) {
             if (!objects.has(unpackedNum)) {
               objects.set(unpackedNum, {
                 objectNumber: unpackedNum,
@@ -25755,7 +25756,7 @@ function recoveredReferences(objects) {
   }
   return { ...rootRef ? { rootRef } : {}, ...infoRef ? { infoRef } : {} };
 }
-function unpackObjectStream(streamObj, maxDecompressedBytes, maxRecursionDepth) {
+function unpackObjectStream(streamObj, maxDecompressedBytes, maxRecursionDepth, repair = false) {
   const nNode = dictGet(streamObj.dict, "N");
   const firstNode = dictGet(streamObj.dict, "First");
   if (nNode?.kind !== "number" || firstNode?.kind !== "number") {
@@ -25775,7 +25776,7 @@ function unpackObjectStream(streamObj, maxDecompressedBytes, maxRecursionDepth)
   for (const pair of pairs) {
     try {
       const valLexer = new CosByteLexer(decoded, firstNode.value + pair.relativeOffset);
-      const node = parseNodeFromLexer(valLexer, decoded, maxRecursionDepth);
+      const node = parseNodeFromLexer(valLexer, decoded, maxRecursionDepth, repair);
       if (node) {
         result.set(pair.objectNumber, node);
       }
@@ -25958,7 +25959,7 @@ function parseCosDocument(bytes, options = {}) {
       if (!unpacked) {
         const stmObj = objects.get(entry.objectStreamNumber)?.value;
         if (stmObj?.kind === "stream") {
-          unpacked = unpackObjectStream(stmObj, maxDecompressedBytes, maxRecursionDepth);
+          unpacked = unpackObjectStream(stmObj, maxDecompressedBytes, maxRecursionDepth, recovery === "repair");
           objStmCache.set(entry.objectStreamNumber, unpacked);
         }
       }
@@ -34430,7 +34431,11 @@ function resolvePageFonts(doc, resourcesDict) {
     let cmap;
     const toUniNode = doc.resolve(dictGet(fObj, "ToUnicode"));
     if (toUniNode?.kind === "stream") {
-      cmap = parseToUnicodeCMap(doc.decodeStream(toUniNode));
+      try {
+        cmap = parseToUnicodeCMap(doc.decodeStream(toUniNode));
+      } catch (error) {
+        if (error instanceof PdfError && error.code === "E_LIMIT") throw error;
+      }
     }
     const encNode = doc.resolve(dictGet(fObj, "Encoding"));
     if (encNode?.kind === "dict") {
@@ -35554,8 +35559,12 @@ function evaluateContentStreamToDisplayList(params) {
   const images = [];
   const operations = [];
   const emit = (operation) => {
-    const clipPaths = curState().clipPaths;
-    if (clipPaths) operation = { ...operation, value: { ...operation.value, clipPaths } };
+    const { clipPaths, clipImages } = curState();
+    if (clipPaths || clipImages) operation = { ...operation, value: {
+      ...operation.value,
+      ...clipPaths ? { clipPaths } : {},
+      ...clipImages ? { clipImages } : {}
+    } };
     operations.push(operation);
     switch (operation.kind) {
       case "path":
@@ -35819,6 +35828,18 @@ function evaluateContentStreamToDisplayList(params) {
   let hasTextClip = false;
   let activeTm = [1, 0, 0, 1, 0, 0];
   let activeTlm = [1, 0, 0, 1, 0, 0];
+  const paintImage = (image, patternMask, resources, activeFonts, depth) => {
+    if (!patternMask) {
+      emit({ kind: "image", value: image });
+      return;
+    }
+    const st = curState();
+    stateStack.push({ ...st, clipImages: [...st.clipImages ?? [], image] });
+    walkNodes([{ kind: "path-op", paint: "f", segments: [
+      { kind: "rect", x: 0, y: 0, width: 1, height: 1 }
+    ] }], void 0, void 0, resources, activeFonts, depth);
+    stateStack.pop();
+  };
   const walkNodes = (nodes, mcid, actualText, activeResources = params.resourcesDict, activeFonts = fonts, depth = 0) => {
     for (const node of nodes) {
       switch (node.kind) {
@@ -36002,7 +36023,8 @@ function evaluateContentStreamToDisplayList(params) {
                     st.fillAlpha,
                     "PatternShading_" + st.fillPatternName,
                     patClip,
-                    shading?.kind === "stream" ? shading : void 0
+                    shading?.kind === "stream" ? shading : void 0,
+                    st.blendMode
                   );
                   if (shImg) {
                     emit({ kind: "image", value: shImg });
@@ -36111,18 +36133,20 @@ function evaluateContentStreamToDisplayList(params) {
               const subNode = params.cosDoc.resolve(dictGet(xobjNode.dict, "Subtype"));
               const sub = subNode?.kind === "name" ? subNode.decoded : "";
               if (sub === "Image") {
+                const maskNode = params.cosDoc.resolve(dictGet(xobjNode.dict, "ImageMask"));
+                const patternMask = !!st.fillPatternName && maskNode?.kind === "boolean" && maskNode.value;
                 const decoded = decodeXObjectImageToRgba(
                   params.cosDoc,
                   xobjNode,
                   activeResources,
-                  {
+                  patternMask ? { r: 1, g: 1, b: 1, alpha: 1 } : {
                     r: st.fillColor.r,
                     g: st.fillColor.g,
                     b: st.fillColor.b,
                     alpha: st.fillAlpha
                   }
                 );
-                emit({ kind: "image", value: {
+                paintImage({
                   name: node.name,
                   matrix: [...st.ctm],
                   width: decoded.width,
@@ -36132,7 +36156,7 @@ function evaluateContentStreamToDisplayList(params) {
                   decodedRgba: decoded.rgba,
                   ...st.blendMode && st.blendMode !== "Normal" ? { blendMode: st.blendMode } : {},
                   ...st.clipRect ? { clipRect: [...st.clipRect] } : {}
-                } });
+                }, patternMask, activeResources, activeFonts, depth);
               } else if (sub === "Form" && depth < 8) {
                 const formStreamBytes = params.cosDoc.decodeStream(xobjNode);
                 const formNodes = parseContentStream(formStreamBytes);
@@ -36188,19 +36212,22 @@ function evaluateContentStreamToDisplayList(params) {
         }
         case "inline-image": {
           const st = curState();
+          const maskEntry = dictGet(node.dict, "ImageMask") ?? dictGet(node.dict, "IM");
+          const maskNode = params.cosDoc ? params.cosDoc.resolve(maskEntry) : maskEntry;
+          const patternMask = !!st.fillPatternName && maskNode?.kind === "boolean" && maskNode.value;
           const decoded = decodeInlineImageNodeToRgba(
             params.cosDoc,
             node.dict,
             node.data,
             activeResources,
-            {
+            patternMask ? { r: 1, g: 1, b: 1, alpha: 1 } : {
               r: st.fillColor.r,
               g: st.fillColor.g,
               b: st.fillColor.b,
               alpha: st.fillAlpha
             }
           );
-          emit({ kind: "image", value: {
+          paintImage({
             name: "InlineImage",
             matrix: [...st.ctm],
             width: decoded.width,
@@ -36210,7 +36237,7 @@ function evaluateContentStreamToDisplayList(params) {
             decodedRgba: decoded.rgba,
             ...st.blendMode && st.blendMode !== "Normal" ? { blendMode: st.blendMode } : {},
             ...st.clipRect ? { clipRect: [...st.clipRect] } : {}
-          } });
+          }, patternMask, activeResources, activeFonts, depth);
           break;
         }
         case "text-object": {
@@ -40124,6 +40151,7 @@ function renderDisplayListToBitmap(displayList, options = {}) {
   const aaVec = options.antialiasVector !== false;
   const aaTxt = options.antialiasText !== false;
   const clipMasks = /* @__PURE__ */ new Map();
+  const imageClipMasks = /* @__PURE__ */ new Map();
   for (const original of paintOperations(displayList)) {
     if (original.kind === "glyph" && (original.value.renderMode === 3 || !original.value.outline && !original.value.unicode.trim())) continue;
     const operation = original.kind === "glyph" ? { kind: "path", value: glyphPaint(original.value) } : original;
@@ -40138,6 +40166,31 @@ function renderDisplayListToBitmap(displayList, options = {}) {
       }
       clipMasks.set(clips, clipMask);
     }
+    const imageClips = original.value.clipImages;
+    if (imageClips) {
+      let imageMask = imageClipMasks.get(imageClips);
+      if (!imageMask) {
+        imageMask = new Uint8Array(width * height * 4).fill(255);
+        for (const image of imageClips) {
+          const layer = renderDisplayListToBitmap({
+            ...displayList,
+            rotation: 0,
+            paths: [],
+            glyphs: [],
+            images: [image],
+            operations: [{ kind: "image", value: image }]
+          }, { scale, transparent: true }).data;
+          for (let i = 3; i < layer.length; i += 4) imageMask[i] = Math.round(imageMask[i] * layer[i] / 255);
+        }
+        imageClipMasks.set(imageClips, imageMask);
+      }
+      if (clipMask) {
+        clipMask = clipMask.slice();
+        for (let i = 3; i < clipMask.length; i += 4) clipMask[i] = Math.round(clipMask[i] * imageMask[i] / 255);
+      } else {
+        clipMask = imageMask;
+      }
+    }
     if (operation.kind === "path") {
       const path = operation.value;
       if (path.fillColor) {

package/dist/safe-bash-command-pdftoppm/index.js

@@ -25468,7 +25468,7 @@ var ParsedCosDocument = class {
     return void 0;
   }
 };
-function parseNodeFromLexer(lexer, bytes, maxDepth, recoverEmptyObject = false) {
+function parseNodeFromLexer(lexer, bytes, maxDepth, repair = false) {
   const stack = [];
   while (true) {
     const tok = lexer.nextToken();
@@ -25477,7 +25477,7 @@ function parseNodeFromLexer(lexer, bytes, maxDepth, recoverEmptyObject = false)
       if (!parent) return void 0;
       throw new PdfError("E_PARSE", parent.kind === "array" ? "Unterminated PDF array" : "Unterminated PDF dictionary");
     }
-    if (!parent && recoverEmptyObject && tok.kind === "keyword" && tok.value === "endobj") {
+    if (!parent && repair && tok.kind === "keyword" && tok.value === "endobj") {
       return { kind: "null", span: tok.span };
     }
     let node;
@@ -25492,6 +25492,7 @@ function parseNodeFromLexer(lexer, bytes, maxDepth, recoverEmptyObject = false)
         parent.key = { kind: "name", rawBytes: tok.rawBytes, decoded: tok.decoded, span: tok.span };
         continue;
       } else {
+        if (repair) continue;
         throw new PdfError("E_PARSE", `Expected dictionary key /Name, got ${tok.kind}`);
       }
     } else {
@@ -25660,7 +25661,7 @@ function parseHeaderVersion(bytes) {
   }
   return head.slice(idx + 5, idx + 8);
 }
-function parseObjectAtOffset(bytes, offset, maxRecursionDepth, recoverEmptyObject = false) {
+function parseObjectAtOffset(bytes, offset, maxRecursionDepth, repair = false) {
   const lexer = new CosByteLexer(bytes, offset);
   const objNumTok = lexer.nextToken();
   const genNumTok = lexer.nextToken();
@@ -25668,7 +25669,7 @@ function parseObjectAtOffset(bytes, offset, maxRecursionDepth, recoverEmptyObjec
   if (objNumTok?.kind !== "number" || genNumTok?.kind !== "number" || objKwTok?.kind !== "keyword" || objKwTok.value !== "obj") {
     throw new PdfError("E_PARSE", `Malformed indirect object header at byte offset ${offset}`);
   }
-  const value = parseNodeFromLexer(lexer, bytes, maxRecursionDepth, recoverEmptyObject);
+  const value = parseNodeFromLexer(lexer, bytes, maxRecursionDepth, repair);
   if (!value) {
     throw new PdfError("E_PARSE", `Empty indirect object ${objNumTok.value} at offset ${offset}`);
   }
@@ -25857,7 +25858,7 @@ function repairScanCosDocument(bytes, maxObjects, maxRecursionDepth) {
         try {
           const token = lexer.nextToken();
           if (token?.kind === "keyword" && token.value === "trailer") {
-            const trailer = parseNodeFromLexer(lexer, bytes, maxRecursionDepth);
+            const trailer = parseNodeFromLexer(lexer, bytes, maxRecursionDepth, true);
             if (trailer?.kind === "dict") trailers.push(trailer);
             pos = lexer.offset;
             continue;
@@ -25913,7 +25914,7 @@ function unpackRecoveredObjects(objects, maxObjects, maxDecompressedBytes, maxRe
       const t = dictGet(obj.value.dict, "Type");
       if (t?.kind === "name" && t.decoded === "ObjStm") {
         try {
-          for (const [unpackedNum, unpackedVal] of unpackObjectStream(obj.value, maxDecompressedBytes, maxRecursionDepth).entries()) {
+          for (const [unpackedNum, unpackedVal] of unpackObjectStream(obj.value, maxDecompressedBytes, maxRecursionDepth, true).entries()) {
             if (!objects.has(unpackedNum)) {
               objects.set(unpackedNum, {
                 objectNumber: unpackedNum,
@@ -25949,7 +25950,7 @@ function recoveredReferences(objects) {
   }
   return { ...rootRef ? { rootRef } : {}, ...infoRef ? { infoRef } : {} };
 }
-function unpackObjectStream(streamObj, maxDecompressedBytes, maxRecursionDepth) {
+function unpackObjectStream(streamObj, maxDecompressedBytes, maxRecursionDepth, repair = false) {
   const nNode = dictGet(streamObj.dict, "N");
   const firstNode = dictGet(streamObj.dict, "First");
   if (nNode?.kind !== "number" || firstNode?.kind !== "number") {
@@ -25969,7 +25970,7 @@ function unpackObjectStream(streamObj, maxDecompressedBytes, maxRecursionDepth)
   for (const pair of pairs) {
     try {
       const valLexer = new CosByteLexer(decoded, firstNode.value + pair.relativeOffset);
-      const node = parseNodeFromLexer(valLexer, decoded, maxRecursionDepth);
+      const node = parseNodeFromLexer(valLexer, decoded, maxRecursionDepth, repair);
       if (node) {
         result.set(pair.objectNumber, node);
       }
@@ -26152,7 +26153,7 @@ function parseCosDocument(bytes, options = {}) {
       if (!unpacked) {
         const stmObj = objects.get(entry.objectStreamNumber)?.value;
         if (stmObj?.kind === "stream") {
-          unpacked = unpackObjectStream(stmObj, maxDecompressedBytes, maxRecursionDepth);
+          unpacked = unpackObjectStream(stmObj, maxDecompressedBytes, maxRecursionDepth, recovery === "repair");
           objStmCache.set(entry.objectStreamNumber, unpacked);
         }
       }
@@ -34624,7 +34625,11 @@ function resolvePageFonts(doc, resourcesDict) {
     let cmap;
     const toUniNode = doc.resolve(dictGet(fObj, "ToUnicode"));
     if (toUniNode?.kind === "stream") {
-      cmap = parseToUnicodeCMap(doc.decodeStream(toUniNode));
+      try {
+        cmap = parseToUnicodeCMap(doc.decodeStream(toUniNode));
+      } catch (error) {
+        if (error instanceof PdfError && error.code === "E_LIMIT") throw error;
+      }
     }
     const encNode = doc.resolve(dictGet(fObj, "Encoding"));
     if (encNode?.kind === "dict") {
@@ -35748,8 +35753,12 @@ function evaluateContentStreamToDisplayList(params) {
   const images = [];
   const operations = [];
   const emit = (operation) => {
-    const clipPaths = curState().clipPaths;
-    if (clipPaths) operation = { ...operation, value: { ...operation.value, clipPaths } };
+    const { clipPaths, clipImages } = curState();
+    if (clipPaths || clipImages) operation = { ...operation, value: {
+      ...operation.value,
+      ...clipPaths ? { clipPaths } : {},
+      ...clipImages ? { clipImages } : {}
+    } };
     operations.push(operation);
     switch (operation.kind) {
       case "path":
@@ -36013,6 +36022,18 @@ function evaluateContentStreamToDisplayList(params) {
   let hasTextClip = false;
   let activeTm = [1, 0, 0, 1, 0, 0];
   let activeTlm = [1, 0, 0, 1, 0, 0];
+  const paintImage = (image, patternMask, resources, activeFonts, depth) => {
+    if (!patternMask) {
+      emit({ kind: "image", value: image });
+      return;
+    }
+    const st = curState();
+    stateStack.push({ ...st, clipImages: [...st.clipImages ?? [], image] });
+    walkNodes([{ kind: "path-op", paint: "f", segments: [
+      { kind: "rect", x: 0, y: 0, width: 1, height: 1 }
+    ] }], void 0, void 0, resources, activeFonts, depth);
+    stateStack.pop();
+  };
   const walkNodes = (nodes, mcid, actualText, activeResources = params.resourcesDict, activeFonts = fonts, depth = 0) => {
     for (const node of nodes) {
       switch (node.kind) {
@@ -36196,7 +36217,8 @@ function evaluateContentStreamToDisplayList(params) {
                     st.fillAlpha,
                     "PatternShading_" + st.fillPatternName,
                     patClip,
-                    shading?.kind === "stream" ? shading : void 0
+                    shading?.kind === "stream" ? shading : void 0,
+                    st.blendMode
                   );
                   if (shImg) {
                     emit({ kind: "image", value: shImg });
@@ -36305,18 +36327,20 @@ function evaluateContentStreamToDisplayList(params) {
               const subNode = params.cosDoc.resolve(dictGet(xobjNode.dict, "Subtype"));
               const sub = subNode?.kind === "name" ? subNode.decoded : "";
               if (sub === "Image") {
+                const maskNode = params.cosDoc.resolve(dictGet(xobjNode.dict, "ImageMask"));
+                const patternMask = !!st.fillPatternName && maskNode?.kind === "boolean" && maskNode.value;
                 const decoded = decodeXObjectImageToRgba(
                   params.cosDoc,
                   xobjNode,
                   activeResources,
-                  {
+                  patternMask ? { r: 1, g: 1, b: 1, alpha: 1 } : {
                     r: st.fillColor.r,
                     g: st.fillColor.g,
                     b: st.fillColor.b,
                     alpha: st.fillAlpha
                   }
                 );
-                emit({ kind: "image", value: {
+                paintImage({
                   name: node.name,
                   matrix: [...st.ctm],
                   width: decoded.width,
@@ -36326,7 +36350,7 @@ function evaluateContentStreamToDisplayList(params) {
                   decodedRgba: decoded.rgba,
                   ...st.blendMode && st.blendMode !== "Normal" ? { blendMode: st.blendMode } : {},
                   ...st.clipRect ? { clipRect: [...st.clipRect] } : {}
-                } });
+                }, patternMask, activeResources, activeFonts, depth);
               } else if (sub === "Form" && depth < 8) {
                 const formStreamBytes = params.cosDoc.decodeStream(xobjNode);
                 const formNodes = parseContentStream(formStreamBytes);
@@ -36382,19 +36406,22 @@ function evaluateContentStreamToDisplayList(params) {
         }
         case "inline-image": {
           const st = curState();
+          const maskEntry = dictGet(node.dict, "ImageMask") ?? dictGet(node.dict, "IM");
+          const maskNode = params.cosDoc ? params.cosDoc.resolve(maskEntry) : maskEntry;
+          const patternMask = !!st.fillPatternName && maskNode?.kind === "boolean" && maskNode.value;
           const decoded = decodeInlineImageNodeToRgba(
             params.cosDoc,
             node.dict,
             node.data,
             activeResources,
-            {
+            patternMask ? { r: 1, g: 1, b: 1, alpha: 1 } : {
               r: st.fillColor.r,
               g: st.fillColor.g,
               b: st.fillColor.b,
               alpha: st.fillAlpha
             }
           );
-          emit({ kind: "image", value: {
+          paintImage({
             name: "InlineImage",
             matrix: [...st.ctm],
             width: decoded.width,
@@ -36404,7 +36431,7 @@ function evaluateContentStreamToDisplayList(params) {
             decodedRgba: decoded.rgba,
             ...st.blendMode && st.blendMode !== "Normal" ? { blendMode: st.blendMode } : {},
             ...st.clipRect ? { clipRect: [...st.clipRect] } : {}
-          } });
+          }, patternMask, activeResources, activeFonts, depth);
           break;
         }
         case "text-object": {
@@ -40150,6 +40177,7 @@ function renderDisplayListToBitmap(displayList, options = {}) {
   const aaVec = options.antialiasVector !== false;
   const aaTxt = options.antialiasText !== false;
   const clipMasks = /* @__PURE__ */ new Map();
+  const imageClipMasks = /* @__PURE__ */ new Map();
   for (const original of paintOperations(displayList)) {
     if (original.kind === "glyph" && (original.value.renderMode === 3 || !original.value.outline && !original.value.unicode.trim())) continue;
     const operation = original.kind === "glyph" ? { kind: "path", value: glyphPaint(original.value) } : original;
@@ -40164,6 +40192,31 @@ function renderDisplayListToBitmap(displayList, options = {}) {
       }
       clipMasks.set(clips, clipMask);
     }
+    const imageClips = original.value.clipImages;
+    if (imageClips) {
+      let imageMask = imageClipMasks.get(imageClips);
+      if (!imageMask) {
+        imageMask = new Uint8Array(width * height * 4).fill(255);
+        for (const image of imageClips) {
+          const layer = renderDisplayListToBitmap({
+            ...displayList,
+            rotation: 0,
+            paths: [],
+            glyphs: [],
+            images: [image],
+            operations: [{ kind: "image", value: image }]
+          }, { scale, transparent: true }).data;
+          for (let i = 3; i < layer.length; i += 4) imageMask[i] = Math.round(imageMask[i] * layer[i] / 255);
+        }
+        imageClipMasks.set(imageClips, imageMask);
+      }
+      if (clipMask) {
+        clipMask = clipMask.slice();
+        for (let i = 3; i < clipMask.length; i += 4) clipMask[i] = Math.round(clipMask[i] * imageMask[i] / 255);
+      } else {
+        clipMask = imageMask;
+      }
+    }
     if (operation.kind === "path") {
       const path = operation.value;
       if (path.fillColor) {
@@ -40312,6 +40365,15 @@ function escapeXmlText(str) {
   }
   return encodeToXmlString(valid);
 }
+function svgImage(image, pageHeight) {
+  if (!image.decodedRgba) return "";
+  const png = encodeRgbaToPng(image.width, image.height, image.decodedRgba);
+  const chunks = [];
+  for (let offset = 0; offset < png.length; offset += 8192)
+    chunks.push(String.fromCharCode(...png.subarray(offset, offset + 8192)));
+  const [a, b, c, d, e, f] = image.matrix;
+  return `<image width="1" height="1" preserveAspectRatio="none" transform="matrix(${a} ${-b} ${-c} ${d} ${e + c} ${pageHeight - f - d})" href="data:image/png;base64,${btoa(chunks.join(""))}"/>`;
+}
 function svgPathData(segments, height) {
   const dParts = [];
   for (const seg of segments) {
@@ -40360,11 +40422,16 @@ function renderDisplayListToSvg(displayList, options = {}) {
     if (original.kind === "glyph" && (original.value.renderMode === 3 || !original.value.outline && !original.value.unicode.trim())) continue;
     const operation = original.kind === "glyph" ? { kind: "path", value: glyphPaint(original.value) } : original;
     const clips = original.value.clipPaths ?? [];
+    const imageClips = original.value.clipImages ?? [];
     for (const segments of clips) {
       const id = `text-clip-${clipId++}`;
       const path = `<path d="${svgPathData(segments, displayList.height)}"/>`;
       parts.push(`<defs><clipPath id="${id}" clipPathUnits="userSpaceOnUse">${path}</clipPath></defs><g clip-path="url(#${id})">`);
     }
+    for (const image of imageClips) {
+      const id = `image-clip-${clipId++}`;
+      parts.push(`<defs><mask id="${id}" maskUnits="userSpaceOnUse" x="0" y="0" width="${displayList.width}" height="${displayList.height}" style="mask-type:alpha">${svgImage(image, displayList.height)}</mask></defs><g mask="url(#${id})">`);
+    }
     if (operation.kind === "path") {
       const p = operation.value;
       const pathData = svgPathData(p.segments, displayList.height);
@@ -40384,24 +40451,9 @@ function renderDisplayListToSvg(displayList, options = {}) {
         parts.push(`  <path${labelAttr} d="${pathData}" fill="${fill}"${fillRuleAttr}${fillOpacityAttr} stroke="${stroke}"${strokeOpacityAttr}${strokeWidthAttr}${lineCapAttr}${lineJoinAttr}${miterLimitAttr}${dashArrayAttr}${dashOffsetAttr}/>`);
       }
     } else if (operation.kind === "image") {
-      const img = operation.value;
-      if (!img.decodedRgba) {
-        for (let i = 0; i < clips.length; i++) parts.push("</g>");
-        continue;
-      }
-      const pngBytes = encodeRgbaToPng(img.width, img.height, img.decodedRgba);
-      const chunks = [];
-      for (let offset = 0; offset < pngBytes.length; offset += 8192)
-        chunks.push(String.fromCharCode(...pngBytes.subarray(offset, offset + 8192)));
-      const b64 = btoa(chunks.join(""));
-      const [a, b, c, d, e, f] = img.matrix;
-      const svgTx = e + c;
-      const svgTy = displayList.height - f - d;
-      parts.push(
-        `  <image width="1" height="1" preserveAspectRatio="none" transform="matrix(${a} ${-b} ${-c} ${d} ${svgTx} ${svgTy})" href="data:image/png;base64,${b64}"/>`
-      );
+      parts.push(`  ${svgImage(operation.value, displayList.height)}`);
     }
-    for (let i = 0; i < clips.length; i++) parts.push("</g>");
+    for (let i = 0; i < clips.length + imageClips.length; i++) parts.push("</g>");
   }
   if (displayList.rotation) parts.push("</g>");
   parts.push("</svg>\n");