有一个默认的水印“demotest”，怎么去掉

[y-jm]

[New-ai]

我也有相同的问题，而且我是用的是ofd-vue-demo，这个解析多页ofd文件时，还会有“Test” “DEMO” 大写水印，搜源码也没找到关键字，希望作者或者其他大佬能够给一下解决办法，谢谢

[DLTech21]

加微信

[zongsexiong]

我也遇到了这样的问题，可以拿到了div元素时候手动的把里面的这些元素给他剔除掉
`
await parseOfdDocument({
ofd: file,
success: () => {
// 渲染所有页面
const divs = renderOfd(0, 800);

//这里是剔除水印的逻辑
divs.forEach((div) => {
div.querySelectorAll("div").forEach(s=>s.remove())
div.querySelectorAll("svg").forEach(s=>{
if(!s.id ||s.id>10000) {
s.remove()
}

           })
        });
        console.log("divs", divs);

         var ofdContainer = document.createElement("div")
     
        ofdContainer.innerHTML = "";
        divs.forEach((div) => {
          ofdContainer.appendChild(div);
        });

        console.log("ofdContainer", ofdContainer);
      },
      fail: (error) => {
        this.error = `解析失败: ${error}`;
      },
    });

`

[heyuenan]

我也有相同的问题，而且我是用的是ofd-vue-demo，这个解析多页ofd文件时，还会有“Test” “DEMO” 大写水印，搜源码也没找到关键字，希望作者或者其他大佬能够给一下解决办法，谢谢

解决了吗

[daydream97]

我也有相同的问题，而且我是用的是ofd-vue-demo，这个解析多页ofd文件时，还会有“Test” “DEMO” 大写水印，搜源码也没找到关键字，希望作者或者其他大佬能够给一下解决办法，谢谢

我让ai写的过滤，这个水印分好几种，最大的两个“demo”和“test”是svg，贴进去应该就能用了
_removeOfdWatermark(root) {
if (!root || !(root instanceof Element)) return;

  // A) 明显的水印容器（类名/ID）
  const overlaySelectors = [
    '[class*="watermark"]',
    ".demo-watermark",
    "#watermark",
    '[id*="watermark"]',
  ];
  overlaySelectors.forEach((sel) => {
    root.querySelectorAll(sel).forEach((el) => {
      // 仅移除“盖在上面”的水印层；如果它本身是整页容器就不要删
      const looksLikePage =
        el.querySelector("svg") && !el.textContent?.trim(); // 大多数水印层是纯样式覆盖，有 svg/text
      if (!looksLikePage) el.remove();
      else el.style.display = "none";
    });
  });

  // B) 文本命中 demo/demotest 的 DOM（只删最小单位）
  const textHit = (s) =>
    s && /(^|\b)(demo(test)?)(\b|$)/i.test(s.replace(/\s+/g, ""));

  // 只处理 div/span（避免误删结构容器）
  root.querySelectorAll("div,span").forEach((el) => {
    const t = (el.textContent || "").toLowerCase().trim();
    if (textHit(t)) {
      // 只隐藏，不硬删，降低风险
      el.style.display = "none";
      el.style.opacity = "0";
    }
  });

  // C) SVG 里的文字水印（<text>/<tspan>）
  root.querySelectorAll("svg text, svg tspan").forEach((el) => {
    const t = (el.textContent || "").toLowerCase().trim();
    if (textHit(t)) {
      // 删掉整个 <text> 块，避免残留半个字
      const parentText = el.closest("text");
      (parentText || el).remove();
    }
  });

  // D) 可选：再兜底隐藏“带水印关键词”的 aria/数据属性
  root.querySelectorAll("[aria-label],[data-title]").forEach((el) => {
    const v = (
      el.getAttribute("aria-label") ||
      el.getAttribute("data-title") ||
      ""
    )
      .toLowerCase()
      .trim();
    if (textHit(v)) el.style.display = "none";
  });

  // E) 启发式：去掉“路径描边文字”水印（比如 DEMO/TEST 的外轮廓）
  (() => {
    const isLikelyVectorWord = (path) => {
      const svg = path.ownerSVGElement;
      if (!svg) return false;

      // 1) 基本特征：只有描边、无填充
      const fill = (path.getAttribute("fill") || "").toLowerCase();
      const fillOpacity = parseFloat(
        path.getAttribute("fill-opacity") || "1"
      );
      const strokeWidth = parseFloat(
        path.getAttribute("stroke-width") || "0"
      );
      const hasOnlyStroke =
        (fill === "none" || fillOpacity === 0) &&
        strokeWidth > 0.8 &&
        strokeWidth < 4; // 常见文本外轮廓的描边

      if (!hasOnlyStroke) return false;

      // 2) 大尺寸：占据 svg 的较大面积（字很大）
      const bbox = path.getBBox();
      const svgW =
        svg.viewBox?.baseVal?.width ||
        svg.getBoundingClientRect().width ||
        1;
      const svgH =
        svg.viewBox?.baseVal?.height ||
        svg.getBoundingClientRect().height ||
        1;
      const wRatio = bbox.width / svgW;
      const hRatio = bbox.height / svgH;
      const bigEnough = wRatio > 0.35 || hRatio > 0.18; // 阈值可按需微调

      // 3) 复杂度：路径很长、包含很多 M（像多个字母）
      const d = path.getAttribute("d") || "";
      const dLen = d.length;
      const mCount = (d.match(/M/gi) || []).length;
      const complex = dLen > 400 || mCount > 8;

      // 4) 一些实现会给这类 path 随机数字 ID（命中即加分）
      const idAttr = path.getAttribute("ID") || path.id || "";
      const looksRandomId = /^\d{9,}$/.test(idAttr);

      return (bigEnough && complex) || looksRandomId;
    };

    root.querySelectorAll("svg path").forEach((p) => {
      try {
        if (isLikelyVectorWord(p)) {
          // 只隐藏，尽量不破坏其他内容
          p.style.display = "none";
          p.setAttribute("stroke-opacity", "0");
        }
      } catch (_) {}
    });
  })();
},

[daydream97]

我也有相同的问题，而且我是用的是ofd-vue-demo，这个解析多页ofd文件时，还会有“Test” “DEMO” 大写水印，搜源码也没找到关键字，希望作者或者其他大佬能够给一下解决办法，谢谢

解决了吗

可以看一下我的评论，我这样写可以正常预览了