找回密码
 立即注册

QQ登录

只需一步,快速开始

server2021

高级会员

30

主题

144

帖子

1018

积分

高级会员

积分
1018
server2021
高级会员   /  发表于:2024-2-17 11:07  /   查看:963  /  回复:11
1金币
【新提醒】水印打印位置偏移 - 活字格专区 - 求助中心 - 葡萄城开发者社区 (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的缘故
能否给个相对位置的例子
比如让位置以“内容”单元格为中心点









附件: 您需要 登录 才可以下载或查看,没有帐号?立即注册

最佳答案

查看完整内容

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.g ...

11 个回复

倒序浏览
最佳答案
最佳答案
stranger
高级会员   /  发表于:2024-2-17 11:07:41
来自 2#



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);









本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

评分

参与人数 1金币 +66 收起 理由
Nathan.guo + 66 很给力!

查看全部评分

回复 使用道具 举报
server2021
高级会员   /  发表于:2024-2-17 15:08:14
3#
stranger 发表于 2024-2-17 14:39
var warning =document.createElement("div");
warning.innerHTML="作废";
warning.id = "watermar ...

很棒!如果是那种图片公章,是否方便也给个例子?
回复 使用道具 举报
stranger
高级会员   /  发表于:2024-2-17 16:35:36
4#
server2021 发表于 2024-2-17 15:08
很棒!如果是那种图片公章,是否方便也给个例子?

图片的,直接用图片插件不就可以啦
回复 使用道具 举报
server2021
高级会员   /  发表于:2024-2-17 16:38:12
5#
stranger 发表于 2024-2-17 16:35
图片的,直接用图片插件不就可以啦

图片插件不能压住内容吧?
回复 使用道具 举报
Nathan.guo活字格认证 Wyn认证
超级版主   /  发表于:2024-2-17 17:12:59
6#
感谢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
7#
Nathan.guo 发表于 2024-2-17 17:12
感谢strange大佬的支持,如果大佬有公章之列的需求的话,可以参考下面这两篇专题教程哈~~

活字格9.0 upd ...

这两篇我看过了,很好。
目前想试下图片印章的插入
回复 使用道具 举报
Nathan.guo活字格认证 Wyn认证
超级版主   /  发表于:2024-2-18 09:51:07
8#
server2021 发表于 2024-2-17 17:42
这两篇我看过了,很好。
目前想试下图片印章的插入

ok,大佬可以直接使用插入图片尝试下,有任何问题可以随时沟通哦~~
回复 使用道具 举报
server2021
高级会员   /  发表于:2024-2-18 09:56:33
9#
Nathan.guo 发表于 2024-2-18 09:51
ok,大佬可以直接使用插入图片尝试下,有任何问题可以随时沟通哦~~

图片直接插入有问题啊,我需要覆盖内容(即盖章到文字内容上)
回复 使用道具 举报
Nathan.guo活字格认证 Wyn认证
超级版主   /  发表于:2024-2-18 12:07:19
10#
server2021 发表于 2024-2-18 09:56
图片直接插入有问题啊,我需要覆盖内容(即盖章到文字内容上)

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


大佬那边具体是什么效果呢

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
12下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部