server2021 发表于 2024-2-17 11:07:40

[9.0.x]水印相对位置固定

接 【新提醒】水印打印位置偏移 - 活字格专区 - 求助中心 - 葡萄城开发者社区 (grapecity.com.cn)





var warning =document.createElement("div");
warning.innerHTML="作废";
warning.id = "watermark";
warning.style.fontSize="24px";
warning.style.color="red";
warning.style.transform="rotate(-45deg)";
warning.style.position="absolute";
warning.style.top="120px";
warning.style.left="450px";
warning.style.border="5px solid red";
warning.style.padding="10px";
document.body.appendChild(warning);

估计是absolute的缘故
能否给个相对位置的例子
比如让位置以“内容”单元格为中心点









stranger 发表于 2024-2-17 11:07:41




var warning =document.createElement("div");
warning.innerHTML="作废";
warning.id = "watermark";
warning.style.fontSize="24px";
warning.style.color="red";
warning.style.transform="rotate(-45deg)";
warning.style.position="absolute";
//
const box=document.getElementById('r4c20p')// 获取元素
const ct = box.getBoundingClientRect().top // 元素上边距离页面可视区上边的距离
const cl = box.getBoundingClientRect().left// 元素左边距离页面可视区左边的距离
warning.style.top=ct+"px";
warning.style.left=cl + "px";

//warning.style.left="450px";
warning.style.border="5px solid red";
warning.style.padding="5px";
document.body.appendChild(warning);









server2021 发表于 2024-2-17 15:08:14

stranger 发表于 2024-2-17 14:39
var warning =document.createElement("div");
warning.innerHTML="作废";
warning.id = "watermar ...

很棒!如果是那种图片公章,是否方便也给个例子?

stranger 发表于 2024-2-17 16:35:36

server2021 发表于 2024-2-17 15:08
很棒!如果是那种图片公章,是否方便也给个例子?

图片的,直接用图片插件不就可以啦

server2021 发表于 2024-2-17 16:38:12

stranger 发表于 2024-2-17 16:35
图片的,直接用图片插件不就可以啦

图片插件不能压住内容吧?

Nathan.guo 发表于 2024-2-17 17:12:59

感谢strange大佬的支持,如果大佬有公章之列的需求的话,可以参考下面这两篇专题教程哈~~

活字格9.0 update1新功能解密:四丶电子签章 - 扫盲
https://gcdn.grapecity.com.cn/showtopic-184910-1-1.html
(出处: 葡萄城开发者社区)

活字格9.0 update1新功能解密:五丶电子签章 - 操作指南
https://gcdn.grapecity.com.cn/showtopic-184991-1-1.html
(出处: 葡萄城开发者社区)


server2021 发表于 2024-2-17 17:42:13

Nathan.guo 发表于 2024-2-17 17:12
感谢strange大佬的支持,如果大佬有公章之列的需求的话,可以参考下面这两篇专题教程哈~~

活字格9.0 upd ...

这两篇我看过了,很好。
目前想试下图片印章的插入

Nathan.guo 发表于 2024-2-18 09:51:07

server2021 发表于 2024-2-17 17:42
这两篇我看过了,很好。
目前想试下图片印章的插入

ok,大佬可以直接使用插入图片尝试下,有任何问题可以随时沟通哦~~

server2021 发表于 2024-2-18 09:56:33

Nathan.guo 发表于 2024-2-18 09:51
ok,大佬可以直接使用插入图片尝试下,有任何问题可以随时沟通哦~~

图片直接插入有问题啊,我需要覆盖内容(即盖章到文字内容上)

Nathan.guo 发表于 2024-2-18 12:07:19

server2021 发表于 2024-2-18 09:56
图片直接插入有问题啊,我需要覆盖内容(即盖章到文字内容上)

大佬,我这边测试时没有问题的


大佬那边具体是什么效果呢
页: [1] 2
查看完整版本: [9.0.x]水印相对位置固定