@file-viewer/renderer-ofd 2.1.25 → 2.1.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@file-viewer/renderer-ofd",
-  "version": "2.1.25",
+  "version": "2.1.26",
   "private": false,
   "type": "module",
   "description": "Standalone OFD renderer plugin for Flyfish File Viewer powered by DLTech21/ofd.js.",
@@ -53,7 +53,7 @@
     "LICENSE"
   ],
   "dependencies": {
-    "@file-viewer/core": "2.1.25",
+    "@file-viewer/core": "2.1.26",
     "jszip": "^3.10.1"
   },
   "devDependencies": {

package/vendor/dltech/ofd/ofd.js

@@ -60,7 +60,7 @@ export const renderOfd = function (screenWidth, ofd) {
         const pageId = Object.keys(page)[0];
         let pageDiv = document.createElement('div');
         pageDiv.id = pageId;
-        pageDiv.setAttribute('style', `margin-bottom: 20px;position: relative;width:${box.w}px;height:${box.h}px;background: white;`)
+        pageDiv.setAttribute('style', `margin-bottom: 20px;position: relative;width:${box.w}px;height:${box.h}px;background: white;overflow:hidden;`)
         renderPage(pageDiv, page, ofd.tpls, ofd.fontResObj, ofd.drawParamResObj, ofd.multiMediaResObj);
         divArray.push(pageDiv);
     }
@@ -77,7 +77,7 @@ export const renderOfdByScale = function (ofd) {
         const pageId = Object.keys(page)[0];
         let pageDiv = document.createElement('div');
         pageDiv.id = pageId;
-        pageDiv.setAttribute('style', `margin-bottom: 20px;position: relative;width:${box.w}px;height:${box.h}px;background: white;`)
+        pageDiv.setAttribute('style', `margin-bottom: 20px;position: relative;width:${box.w}px;height:${box.h}px;background: white;overflow:hidden;`)
         renderPage(pageDiv, page, ofd.tpls, ofd.fontResObj, ofd.drawParamResObj, ofd.multiMediaResObj);
         divArray.push(pageDiv);
     }

package/vendor/dltech/ofd/ofd_render.js

@@ -418,16 +418,15 @@ export const renderImageOnDiv = function (pageWidth, pageHeight, imgSrc, boundar
     img.setAttribute('width', '100%');
     img.setAttribute('height', '100%');
     div.appendChild(img);
-    const pw = parseFloat(pageWidth.replace('px', ''));
-    const ph = parseFloat(pageHeight.replace('px', ''));
-    const w = boundary.w > pw ? pw : boundary.w;
-    const h = boundary.h > ph ? ph : boundary.h;
     let c = '';
     if (clip) {
         clip = converterBox(clip);
         c = `clip: rect(${clip.y}px, ${clip.w + clip.x}px, ${clip.h + clip.y}px, ${clip.x}px)`
     }
-    div.setAttribute('style', `cursor: pointer; overflow: hidden; position: absolute; left: ${c ? boundary.x : boundary.x < 0 ? 0 : boundary.x}px; top: ${c ? boundary.y : boundary.y < 0 ? 0 : boundary.y}px; width: ${w}px; height: ${h}px; ${c};z-index: ${oid}`)
+    // Preserve the stamp geometry declared by OFD. Oversized or partially
+    // off-page seals are clipped by the page container, matching OFD readers;
+    // shrinking or moving the seal here changes both its position and scale.
+    div.setAttribute('style', `cursor: pointer; overflow: hidden; position: absolute; left: ${boundary.x}px; top: ${boundary.y}px; width: ${boundary.w}px; height: ${boundary.h}px; ${c};z-index: ${oid}`)
     return div;
 }