找回密码
 立即注册

QQ登录

只需一步,快速开始

Joestar.XuSpreadJS 开发认证
超级版主   /  发表于:2023-8-16 16:49:19
11#
可能我之前的表述让您产生了误解,我再详细解释一下,前文说的可视区域,实际上指的是有单元格的区域,如:

image.png562010802.png

当插入的图片没有超出单元格的区域,一切正常。

但是当插入的图片超出了单元格的区域,增加列,再撤销,就会使这个超出可视区域的图片强制缩小到单元格的区域内。

2.gif249403075.png

因此如果想要解决这个问题,只能通过ShapeChanged事件去做,当用户粘贴一个图片进来的时候,通过图片的坐标、高度、宽度和单元格区域的宽度和高度来判断单元格区域与这个图片的关系,如果图片超出单元格区域,就修改这个图片的宽度到不超出单元格区域。
image.png398108519.png
回复 使用道具 举报
右手微笑
金牌服务用户   /  发表于:2023-8-18 11:20:32
12#
Joestar.Xu 发表于 2023-8-16 16:49
可能我之前的表述让您产生了误解,我再详细解释一下,前文说的可视区域,实际上指的是有单元格的区域,如: ...

比如我们的的单元格总共是200行*20列,可显示区域是20行10列
1、我们的图片是通过以下方法插入的

const pic = sheet.pictures.add(picName, imgSrc, 0, 0, width, height);
pic.startRow(row);
    pic.startColumn(col);
    pic.pictureStretch(0);
    pic.dynamicMove(true);
    pic.dynamicSize(false);

2、图片并没有超出200行*20列,可在当前可视区域内,但是插入列,在撤销插入后,也是会出现图片变大的情况
3、您说的,图片超出单元格区域后,插入列,在撤销列,图片宽高改变,这个问题跟我说的问题不一样,我插入的图片没有超出单元格单元格区域,也在可视范围内,但是撤销插入行列后,图片会变很大
回复 使用道具 举报
Joestar.XuSpreadJS 开发认证
超级版主   /  发表于:2023-8-18 12:12:39
13#
本帖最后由 Joestar.Xu 于 2023-8-18 12:14 编辑

您好,也就是说要复现您的这个问题,需要满足以下三点:

首先表格需要够大。
其次插入的图片的需要超出可视区域。
最后插入足够多的列后撤销。

对吗?

如果是的话,我这边按照您说的在原来的demo上做了一些调整,但是未能复现出您的问题。

3.gif386386107.png

我已将这个Demo上传,可以的话请您在这个Demo中调整复现后再上传给我们这边,以供我们复现后进一步调研。

插入图片撤销变形.zip

27.66 KB, 下载次数: 45

回复 使用道具 举报
右手微笑
金牌服务用户   /  发表于:2023-8-30 15:01:32
14#
本帖最后由 右手微笑 于 2023-8-30 15:03 编辑
Joestar.Xu 发表于 2023-8-18 12:12
您好,也就是说要复现您的这个问题,需要满足以下三点:

首先表格需要够大。

在demo中我添加了一段代码,现在可以复现这个问题

1693378655252.jpg
操作步骤(如果一次不能复现,就将图片拖拽变小多试几次):
1、先将插入的图片拖拽变小
2、在图片之前插入列
3、undo撤销,即可看见图片尺寸变大
插入图片撤销变形.zip (31.77 KB, 下载次数: 36)
回复 使用道具 举报
Joestar.XuSpreadJS 开发认证
超级版主   /  发表于:2023-8-30 17:09:14
15#
既然要限定图片的缩放模式,为什么不直接使用图片呢?

image.png16646727.png
回复 使用道具 举报
右手微笑
金牌服务用户   /  发表于:2023-8-30 18:02:28
16#
Joestar.Xu 发表于 2023-8-30 17:09
既然要限定图片的缩放模式,为什么不直接使用图片呢?

你是说使用shape吗
回复 使用道具 举报
Joestar.XuSpreadJS 开发认证
超级版主   /  发表于:2023-8-31 09:06:19
17#
抱歉之前表述不准确,是的,可以使用shape,设置shape的allowResize为0即可。

image.png405208434.png
回复 使用道具 举报
右手微笑
金牌服务用户   /  发表于:2023-8-31 10:56:56
18#
Joestar.Xu 发表于 2023-8-31 09:06
抱歉之前表述不准确,是的,可以使用shape,设置shape的allowResize为0即可。

因为我们最初使用picture实现的,如果改成shape可能改动有点大,暂时还得使用picture,麻烦您用我的demo复现一下问题,看能否解决当前的问题
回复 使用道具 举报
Joestar.XuSpreadJS 开发认证
超级版主   /  发表于:2023-8-31 11:50:53
19#
这边调研了一下,推测是因为撤销操作执行后,图片所在的列被消除,使得该图片被挤了回来,且大小也发生了变化。

我这边尝试在撤销操作时,先将图片的所在列进行调整,然后再执行撤销,即消除列的操作,之后我这边就无法再重现了,代码如下,您试试看。

image.png354209899.png
回复 使用道具 举报
12
您需要登录后才可以回帖 登录 | 立即注册
返回顶部