【v17】backColor设置背景色，#ffffff会导致背景图片消失，#FFFFFF则不会，其他颜....

Ellia.Duan · 屏幕录制2024-08-07 下午8.38.32.mov

本帖最后由 Ellia.Duan 于 2024-9-13 10:23 编辑

产品：SpreadJS
版本：17.1.2
调研编号：SJS-25885
Last Review：2024-09-13
当前进展：已在17.1.5版本修复。

【v17】backColor设置背景色，#ffffff会导致背景图片消失，#FFFFFF则不会，其他颜色也不会，原因是什么？

sheet.suspendPaint();
sheet.suspendEvent();
let selections = sheet.getSelections();
let range = sheet.getRange(selections[0].row, selections[0].col, 1, 1,GC.Spread.Sheets.SheetArea.viewport);
range.backColor('#ffffff')
sheet.resumePaint();
sheet.resumeEvent();

复制代码

Ellia.Duan · Ellia.Duan

问题收到，调研后回复您。

Ellia.Duan · Ellia.Duan

您好，您的视频中出现的图片是通过什么方式添加的呢？
因为导入您的json文件后，重设背景色，图片没有显示。

spreadjs666 · spreadjs666

Ellia.Duan 发表于 2024-8-8 15:06
您好，您的视频中出现的图片是通过什么方式添加的呢？
因为导入您的json文件后，重设背景色，图片没有显示 ...

您好，【重设背景色为#ffffff，图片不显示】是我提出的问题
背景图片是通过以下方式添加的

let cellStyle = sheet.getStyle(row,col, GC.Spread.Sheets.SheetArea.viewport);
const style = new GC.Spread.Sheets.Style(cellStyle);
style.backgroundImage = imgSrc;
style.backgroundImageLayout = GC.Spread.Sheets.ImageLayout.zoom;
sheet.setStyle(row,col,style,GC.Spread.Sheets.SheetArea.viewport);

复制代码

Ellia.Duan · Ellia.Duan

本帖最后由 Ellia.Duan 于 2024-8-8 18:20 编辑

您好，建议您设置backgroundImage的单元格设置透明背景色。
不过您的问题已复现，我将深入调研下此问题。SJS-25885

Ellia.Duan · Ellia.Duan

您好，调研到您的json中backColor为’#ffffff‘。如下图所示
image.png387715453.png

SpreadJS中，当扩展背景颜色与单元格背景颜色相同时，将不会调用绘制背景逻辑。导致了您的问题。
为此，您可以通过以下代码解决：

spread.options.backColor = undefined;

复制代码

同时，我们将修复这个问题。我将此贴移至bug反馈区。

Ellia.Duan · Ellia.Duan

您好，此问题已在17.1.5版本修复。

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

[已处理] 【v17】backColor设置背景色，#ffffff会导致背景图片消失，#FFFFFF则不会，其他颜....

评分

6 个回复

SpreadJS 认证

SpreadJS 高级认证