如何在SpreadJS中设置水印 ——平铺背景图

收藏

背景：用户想给表格上添加水印效果，以达到版权保护等用途，SpreadJS 中提供添加背景图的功能，但是暂时无法通过API设置背景图布局方式为平铺。
思路：在表单初始化后，通过代码获取表单Canvas的Dom节点，用JavaScript 代码修改其CSS样式。
关键代码：

var html = document.getElementById("ssvp_vp"); //通过ID获取对象
html.style.backgroundRepeat="repeat"

复制代码

实现效果：

dengxpeng · dengxpeng

本帖最后由 dengxpeng 于 2020-12-23 15:42 编辑

dengxpeng · dengxpeng

我这边还是有点问题，空的 sheet 是没有问题的，但是加载了模板过后，就看不见背景了。
求帮助

Lynn.Dou · Lynn.Dou

您好，您整理下代码上传一个能复现此问题的demo，并详细的描述您的操作步骤。
这边需要先复现此问题。

dengxpeng · dengxpeng

lynn512 发表于 2020-12-23 17:14
您好，您整理下代码上传一个能复现此问题的demo，并详细的描述您的操作步骤。
这边需要先复现此问题。

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

Lynn.Dou · Lynn.Dou

本帖最后由 lynn512 于 2020-12-24 12:29 编辑

您好，注意到您在求助中心发了同个问题的帖子，为了便于后续的沟通及问题整理，这边已将您的demo上传至求助中心贴，后续沟通将在求助中心贴进行。https://gcdn.grapecity.com.cn/fo ... mp;extra=#pid339095

jyjc · jyjc

有没有一种方式可以实现既能显示单元格背景色，又能显示水印呢？

Derrick.Jiao · Derrick.Jiao

jyjc 发表于 2022-6-7 11:18
有没有一种方式可以实现既能显示单元格背景色，又能显示水印呢？

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

jyjc · jyjc

还有其他方式吗？pointer-events: none在IE11下的浏览器无法使用，而且浮层和spreadjs表单是分开的，还需要监听通过开发工具或其他方式删除浮层dom的场景来处理一些非法操作，以避免用户手动删掉水印

Derrick.Jiao · Derrick.Jiao

jyjc 发表于 2022-6-8 09:45
还有其他方式吗？pointer-events: none在IE11下的浏览器无法使用，而且浮层和spreadjs表单是分开的，还需要 ...

除此之外，没有太好的办法了。目前相对来说实现水印比较好的方案就是原帖的方案以及我提供利用浮动元素的demo。

		自动登录	找回密码
密码			立即注册

如何在SpreadJS中设置水印 ——平铺背景图

9 个回复

微信认证勋章

圣诞拼拼乐

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人

GrapeCity