Merge pull request #21242 from calixteman/knockout

Render knockout transparency groups

Author: calixteman

src/display/canvas.js

@@ -42,6 +42,10 @@ class BaseFilterFactory {
     return "none";
   }
 
+  addKnockoutFilter(alpha = 0) {
+    return "none";
+  }
+
   addHighlightHCMFilter(filterName, fgColor, bgColor, newFgColor, newBgColor) {
     return "none";
   }
@@ -329,6 +333,37 @@ class DOMFilterFactory extends BaseFilterFactory {
     return url;
   }
 
+  addKnockoutFilter(alpha = 0) {
+    // Shape alpha mask: for translucent elements, remove the opacity constant
+    // from the painted alpha while preserving antialias coverage. With no
+    // usable opacity, fall back to a binary mask.
+    const slope = alpha > 0 ? Math.min(1 / alpha, 1e6) : 1e6;
+    const key = `knockout_${slope}`;
+    const value = this.#cache.get(key);
+    if (value) {
+      return value;
+    }
+
+    const id = `g_${this.#docId}_knockout_filter_${this.#id++}`;
+    const url = this.#createUrl(id);
+    this.#cache.set(key, url);
+
+    const filter = this.#createFilter(id);
+    const feComponentTransfer = this.#document.createElementNS(
+      SVG_NS,
+      "feComponentTransfer"
+    );
+    filter.append(feComponentTransfer);
+    const feFuncA = this.#document.createElementNS(SVG_NS, "feFuncA");
+    // Linear feFunc clamps to [0, 1].
+    feFuncA.setAttribute("type", "linear");
+    feFuncA.setAttribute("slope", `${slope}`);
+    feFuncA.setAttribute("intercept", "0");
+    feComponentTransfer.append(feFuncA);
+
+    return url;
+  }
+
   addHighlightHCMFilter(filterName, fgColor, bgColor, newFgColor, newBgColor) {
     const key = `${fgColor}-${bgColor}-${newFgColor}-${newBgColor}`;
     let info = this.#hcmCache.get(filterName);

src/display/filter_factory.js

@@ -657,6 +657,21 @@ class FeatureTest {
     });
   }
 
+  static get isCanvasFilterSupported() {
+    let ctx;
+    if (this.isOffscreenCanvasSupported) {
+      ctx = new OffscreenCanvas(1, 1).getContext("2d");
+    } else if (typeof document !== "undefined") {
+      ctx = document.createElement("canvas").getContext("2d");
+    }
+    // Spec-compliant Canvas2D defaults `ctx.filter` to "none". On
+    // browsers without filter support (Safari) the property is absent
+    // until you assign to it, after which it behaves like an ordinary
+    // JS property and stores whatever string you set without applying
+    // it. Probing the default lets us detect the difference reliably.
+    return shadow(this, "isCanvasFilterSupported", ctx?.filter !== undefined);
+  }
+
   static get isAlphaColorInputSupported() {
     return shadow(
       this,

src/shared/util.js

@@ -16,6 +16,12 @@
 !bug1727053.pdf
 !issue18408_reduced.pdf
 !bug1907000_reduced.pdf
+!knockout_blend_multiply.pdf
+!knockout_isolated_overlap.pdf
+!knockout_nested.pdf
+!knockout_nested_group_alpha.pdf
+!knockout_nonisolated_sparse.pdf
+!knockout_smask.pdf
 !SimFang-variant.pdf
 !bug1953099.pdf
 !issue11913.pdf
@@ -913,3 +919,4 @@
 !smask_alpha_bc.pdf
 !smask_luminosity_oob_transfer.pdf
 !operator_list_cycle.pdf
+!knockout_groups_test.pdf