【14.1.6】调整sheet的显示比例，形状会移位

Lynn.Dou

本帖最后由 Derrick.Jiao 于 2022-1-6 14:08 编辑

问题描述：
使用 sheet.shapes.add 方法给单元格行列区域设置了形状，
缩小视图时发现形状移位，
如下图所示：
image.png856128539.png

关联贴：
https://gcdn.grapecity.com.cn/fo ... peid%26typeid%3D286

Lynn.Dou · Lynn.Dou

经调研，当sheet.zoom()调整为0.8时，列宽变为49.6，此时Worksheet渲染的单元格宽度为50，所以出现此偏差。
您可以参考下方workaround解决此问题：

function setShapePos (shape, startRow, endRow, startColumn, endColumn, startRowOffset, startColumnOffset, endRowOffset, endColumnOffset) {
shape.startRow(startRow);
shape.endRow(endRow);
shape.startColumn(startColumn);
shape.endColumn(endColumn);
shape.startRowOffset(startRowOffset);
shape.startColumnOffset(startColumnOffset);
shape.endRowOffset(endRowOffset);
shape.endColumnOffset(endColumnOffset);
}
var shape1 = sheet.shapes.add('autoShape1', GC.Spread.Sheets.Shapes.AutoShapeType.rectangle);
setShapePos(shape1, 1, 3, 0, 19, 0, 0, 20, 62);
sheet.zoom(0.8);
var shape2 = sheet.shapes.add('autoShape2', GC.Spread.Sheets.Shapes.AutoShapeType.rectangle);
setShapePos(shape2, 5, 7, 0, 19, 0, 0, 20, 62);

复制代码

Lynn.Dou · Lynn.Dou

您好，如下动图所示，这边测试未复现您描述的问题。
请提供相关的json文件，这边实际测试下。

注：
如何提供ssjson文件：
1、使用spread.toJSON()导出json
2、新建txt文件，修改后缀为 .ssjson
3、将json粘贴，并将此文件上传。

Lyn.Sueing · Lyn.Sueing

Lynn.Dou 发表于 2021-11-3 17:04
您好，如下动图所示，这边测试未复现您描述的问题。
请提供相关的json文件，这边实际测试下。

我不是设置形状后改变显示百分比的，是改变百分比之后分别执行往单元格上覆盖形状的代码。

Lynn.Dou · Lynn.Dou

问题已复现，已将此问题记录下来，待有进展会在贴中更新。
本贴先做保留处理。

Lyn.Sueing · Lyn.Sueing

Lynn.Dou 发表于 2021-11-3 17:34
问题已复现，已将此问题记录下来，待有进展会在贴中更新。
本贴先做保留处理。

好 ~但是我这边的项目准备上线了，比较急，望尽快，谢谢你！~

Lynn.Dou · Lynn.Dou

您客气了，有进展会立即通知您的。

Lyn.Sueing · Lyn.Sueing

Lynn.Dou 发表于 2021-11-23 12:02
经调研，当sheet.zoom()调整为0.8时，列宽变为49.6，此时Worksheet渲染的单元格宽度为50，所以出现此偏差。 ...

请问，上图中的20 62是怎么来的呢？

Lynn.Dou · Lynn.Dou

因为要解决列宽偏移的问题，所以需要对行高列宽做下调整。
默认行高20，默认列宽64。
缩放时行高未受影响，所以20保持不变，
列宽发生偏移，调整为62后视觉上不会出现形状移位。
20 62 这个数字不是固定的，需要根据实际的行高列宽（如果不是默认行高列宽）自己调整下，
目前来说除了以上workaround方案，也没有很好的办法了。

Lyn.Sueing · Lyn.Sueing

Lynn.Dou 发表于 2021-12-28 15:55
因为要解决列宽偏移的问题，所以需要对行高列宽做下调整。
默认行高20，默认列宽64。
缩放时行高未受影响 ...

好的

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

[已处理] 【14.1.6】调整sheet的显示比例，形状会移位

最佳答案

10 个回复

浏览过的版块

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人