请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

酸的萌萌yeath

中级会员

70

主题

246

帖子

654

积分

中级会员

积分
654
酸的萌萌yeath
中级会员   /  发表于:2021-4-19 16:55  /   查看:3551  /  回复:22
本帖最后由 Lynn.Dou 于 2022-5-24 10:03 编辑

给某一个单元格设置背景图片OK,如果给选定范围区域设置背景图片?
需求是:sheet1某一些单元格区域,设置背景图片,picture1;然后,在sheet2某一个固定区域,自动显示picture1

22 个回复

倒序浏览
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2021-4-19 17:45:54
沙发
本帖最后由 Lynn.Dou 于 2022-4-14 11:48 编辑

您好,目前仅提供对spread、单元格设置背景图,目前不支持给一片区域(多个单元格)设置背景图的。
下方思路您可以参考下:
1、采用重写CellTypes的方法来实现这个功能,具体请参考下方链接贴。(附件为示例demo)
https://gcdn.grapecity.com.cn/forum.php?mod=viewthread&tid=50360

2、将这一片区域设置合并单元格,然后给这个合并单元格设置背景图。
  1. sheet.getCell(0,0).backgroundImage("https://gcdn.grapecity.com.cn/uc_server/avatar.php?uid=52354&size=middle")
复制代码


printBackground.html

3.64 KB, 下载次数: 21

回复 使用道具 举报
酸的萌萌yeath
中级会员   /  发表于:2022-4-19 10:23:57
板凳
您好,这个方法试了,确实可以实现一个图片,在多个单元格范围显示; 但是打印或者导出pdf的时候,背景图又会被压缩到同一个单元格中了,这个是什么原因呢?
回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2022-4-19 13:51:44
地板
您的背景图是如何设置的呢?
这边按照前面思路1所示方案测试,设置背景图为base64时,可以打印和导出pdf,
具体请参考附件测试demo。
注:测试发现无数据的单元格的背景图无法正常打印/导出pdf,关于这一问题需要进一步调研下原因,待有进展会在贴中更新,本贴先做保留处理。

demo_背景图.zip

11.43 KB, 下载次数: 7

回复 使用道具 举报
酸的萌萌yeath
中级会员   /  发表于:2022-4-21 10:30:42
5#
你们的demo可以复现跟我一样的问题,主要注释掉设置单元格数据的代码,就可以复现我的问题了。打印和导出PDF,都只有背景单元格初始的位置,其他区域都没有了。 企业微信截图_16505082804002.png593008727.png
回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2022-4-21 11:04:09
6#
本帖最后由 Lynn.Dou 于 2022-4-21 11:05 编辑

打印和导出pdf会根据内容区域来判断打印区域,对于无数据的单元格所绘制的canvas,本质上并不是SJS单元格的内容,所以才会不显示。
解决方案,设置对应接口调整打印区域。(rowStart, rowEnd, columnStart, columnEnd)
示例代码如下:
  1. var printInfo = sheet.printInfo();
  2.     printInfo.rowEnd(9);
  3.     printInfo.columnEnd(8);
复制代码

image.png867518615.png
回复 使用道具 举报
酸的萌萌yeath
中级会员   /  发表于:2022-4-21 16:36:58
7#
那我得设置我所有参与打印的页面,每个页面设置的end 取整体sheet的的行数,列数?
回复 使用道具 举报
酸的萌萌yeath
中级会员   /  发表于:2022-4-21 16:40:40
8#

我的问题是这样的,本来应该显示在我画的圆的位置,但实际显示,被压缩在了getcell的那个坐标位置了。

企业微信截图_16505303898532.png326958312.png
回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2022-4-21 18:01:16
9#
您将可复现此问题的demo提供下,这边实际测试调研下原因。
回复 使用道具 举报
酸的萌萌yeath
中级会员   /  发表于:2022-4-24 15:28:52
10#
这个跟demo应该没关系,就是使用了你们2楼回复的方法,完全套用的。导出PDF就会出现这个效果;打印也是
回复 使用道具 举报
123下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部