请选择 进入手机版 | 继续访问电脑版
AI搜索
首页 › SpreadJS & GcExcel专区 › 教程集锦 › 查看内容
发新帖

Fiooona

论坛元老

128

主题

4272

帖子

7040

积分

论坛元老

积分
7040

微信认证勋章

最新发帖

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

Fiooona
论坛元老   /  发表于：2020-9-25 14:54  /   查看：7315  /  回复：9
本帖最后由 Ellia.Duan 于 2025-12-9 15:56 编辑


在18版本中，已经实现工作簿背景图片，如下图所示：








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

本帖子中包含更多资源

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

x
组件化表格编辑器（预览版）试用进行中，点击了解详情！
请点击评分，对我的服务做出评价！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，导入

本帖子中包含更多资源

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

x
回复 使用道具 举报
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

本帖子中包含更多资源

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

x
回复 使用道具 举报
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。
回复 使用道具 举报
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册
返回顶部