找回密码
 立即注册

QQ登录

只需一步,快速开始

Fiooona
论坛元老   /  发表于:2020-9-25 14:54  /   查看:5861  /  回复:9
背景: 用户想给表格上添加水印效果,以达到版权保护等用途,SpreadJS 中提供添加背景图的功能,但是暂时无法通过API设置背景图布局方式为平铺。
思路: 在表单初始化后,通过代码获取表单Canvas的Dom节点,用JavaScript 代码修改其CSS样式。
关键代码:
  1. var html = document.getElementById("ssvp_vp"); //通过ID获取对象
  2.                     html.style.backgroundRepeat="repeat"
复制代码
实现效果: image.png478020324.png

background.html

3.71 KB, 下载次数: 325

组件化表格编辑器(预览版)试用进行中,点击了解详情!
请点击评分,对我的服务做出评价!5分为非常满意!

9 个回复

倒序浏览
dengxpeng
注册会员   /  发表于:2020-12-23 15:33:47
沙发
本帖最后由 dengxpeng 于 2020-12-23 15:42 编辑

回复 使用道具 举报
dengxpeng
注册会员   /  发表于:2020-12-23 15:59:27
板凳
我这边 还是有点问题,空的 sheet 是没有问题的,但是加载了 模板过后,就看不见背景了。
求帮助
回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2020-12-23 17:14:49
地板
您好,您整理下代码上传一个能复现此问题的demo,并详细的描述您的操作步骤。
这边需要先复现此问题。
回复 使用道具 举报
dengxpeng
注册会员   /  发表于:2020-12-23 18:06:32
6#
lynn512 发表于 2020-12-23 17:14
您好,您整理下代码上传一个能复现此问题的demo,并详细的描述您的操作步骤。
这边需要先复现此问题。



就是用的这个。
选择下线的excel,导入

信息管理类2.xlsx

27.07 KB, 阅读权限: 1, 下载次数: 530

background.html

5.12 KB, 下载次数: 325

回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2020-12-24 11:56:54
7#
本帖最后由 lynn512 于 2020-12-24 12:29 编辑

您好,注意到您在求助中心发了同个问题的帖子,为了便于后续的沟通及问题整理,这边已将您的demo上传至求助中心贴,后续沟通将在求助中心贴进行。https://gcdn.grapecity.com.cn/fo ... mp;extra=#pid339095
回复 使用道具 举报
jyjc讲师达人认证
高级会员   /  发表于:2022-6-7 11:18:58
8#
有没有一种方式可以实现既能显示单元格背景色,又能显示水印呢?
回复 使用道具 举报
Derrick.Jiao讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2022-6-7 17:50:17
9#
jyjc 发表于 2022-6-7 11:18
有没有一种方式可以实现既能显示单元格背景色,又能显示水印呢?

可以考虑用浮动元素来做水印,例如附件的demo

testFloating.html

4.39 KB, 下载次数: 325

回复 使用道具 举报
jyjc讲师达人认证
高级会员   /  发表于:2022-6-8 09:45:38
10#
还有其他方式吗?pointer-events: none在IE11下的浏览器无法使用,而且浮层和spreadjs表单是分开的,还需要监听通过开发工具或其他方式删除浮层dom的场景来处理一些非法操作,以避免用户手动删掉水印
回复 使用道具 举报
Derrick.Jiao讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2022-6-8 10:14:36
11#
jyjc 发表于 2022-6-8 09:45
还有其他方式吗?pointer-events: none在IE11下的浏览器无法使用,而且浮层和spreadjs表单是分开的,还需要 ...

除此之外,没有太好的办法了。目前相对来说实现水印比较好的方案就是原帖的方案以及我提供利用浮动元素的demo。
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部