找回密码
 立即注册

QQ登录

只需一步，快速开始

首页 › SpreadJS & GcExcel专区 › 求助中心 › 查看内容
发新帖

Kin7

注册会员

18

主题

59

帖子

149

积分

注册会员

积分
149
最新发帖

[已处理] SpreadJS15，在给根元素的css设置zoom之后，表格选择位置偏移 关闭

Kin7
注册会员   /  发表于：2024-4-16 15:59  /   查看：5487  /  回复：13
1金币
本帖最后由 Richard.Huang 于 2024-4-17 11:07 编辑

产品：SpreadJS
版本：V15
调研编号：SJS-23849

SpreadJS15，在给根元素的css设置zoom:0.83之后，表格选择位置偏移，按下鼠标后，实际选中的单元格位置在鼠标的左上。

最佳答案

Richard.Huang

查看完整内容

最新调研进展：目前本贴中遇到的问题根本原因是我们并不支持宿主dom的缩放，这会引起SpreadJS的hitTest出现错误，因此，请问您所说的“在这种情况下使页面看上去正常”具体指的什么，我们也许可以针对这种情况做其他的解决方案的探讨

13 个回复

倒序浏览
最佳答案
最佳答案
Richard.HuangSpreadJS 开发认证
超级版主   /  发表于：2024-4-16 15:59:46
来自 7#
最新调研进展：目前本贴中遇到的问题根本原因是我们并不支持宿主dom的缩放，这会引起SpreadJS的hitTest出现错误，因此，请问您所说的“在这种情况下使页面看上去正常”具体指的什么，我们也许可以针对这种情况做其他的解决方案的探讨
回复 使用道具 举报
Richard.HuangSpreadJS 开发认证
超级版主   /  发表于：2024-4-16 16:20:32
2#
您好，您从的描述来看我们无法判断具体问题所在，能否提供一份可供我们复现的demo方便我们更加准确的去找到问题所在
回复 使用道具 举报
Kin7
注册会员   /  发表于：2024-4-16 17:18:14
3#
Richard.Huang 发表于 2024-4-16 16:20
您好，您从的描述来看我们无法判断具体问题所在，能否提供一份可供我们复现的demo方便我们更加准确的去找到 ...

抱歉，公司内网有限制，我用手机发的帖子，没办法上传代码。我在官网的示例页面找到canvas，在它的style中添加zoom: 0.833; 就可以复现。
回复 使用道具 举报
Richard.HuangSpreadJS 开发认证
超级版主   /  发表于：2024-4-16 18:09:44
4#
Kin7 发表于 2024-4-16 17:18
抱歉，公司内网有限制，我用手机发的帖子，没办法上传代码。我在官网的示例页面找到canvas，在它的style ...

您好，我按照您描述的测试确实复现了该问题，请问您的具体需求是什么，为什么需要定义一个这样的zoom参数呢？具体使用场景是什么，方便我们更好得进行调研问题以及提供后续的方法
回复 使用道具 举报
Kin7
注册会员   /  发表于：2024-4-16 18:37:11
5#
Richard.Huang 发表于 2024-4-16 18:09
您好，我按照您描述的测试确实复现了该问题，请问您的具体需求是什么，为什么需要定义一个这样的zoom参数 ...

有很多用户使用的是笔记本电脑，显示器默认缩放比例是125%或者150%，为了在这种情况下使页面看上去正常，我们在代码中修改了大于125%情况下body的zoom属性，150%就修改为125/150=0.83。
另外我们也用到了echarts，设置zoom后出现了鼠标事件定位不准的问题，但是通过设置zoom:1/0.83=1.2;transform:scale(0.83);后解决了问题，而SpreadJS的问题依然存在。
回复 使用道具 举报
Richard.HuangSpreadJS 开发认证
超级版主   /  发表于：2024-4-17 10:29:51
6#
本帖最后由 Richard.Huang 于 2024-4-17 11:06 编辑
Kin7 发表于 2024-4-16 18:37
有很多用户使用的是笔记本电脑，显示器默认缩放比例是125%或者150%，为了在这种情况下使页面看上去正常， ...

了解了，非常感谢您描述的场景，我们会针对这个场景进行后续的持续跟踪调研，后续有相关调研进展我会第一时间在本贴中进行回复，调研编号：SJS-23849
回复 使用道具 举报
Kin7
注册会员   /  发表于：2024-4-18 11:50:08
8#
Richard.Huang 发表于 2024-4-18 11:43
最新调研进展：目前本贴中遇到的问题根本原因是我们并不支持宿主dom的缩放，这会引起SpreadJS的hitTest出现 ...

笔记本电脑的显示器偏小，开启缩放后如果不做处理的话一屏能看到的信息就会少很多，为了缓解这种情况，我们通过js设置zoom的方式进行缩放，让一屏能展示更多信息。
回复 使用道具 举报
Richard.HuangSpreadJS 开发认证
超级版主   /  发表于：2024-4-18 13:44:57
9#
Kin7 发表于 2024-4-18 11:50
笔记本电脑的显示器偏小，开启缩放后如果不做处理的话一屏能看到的信息就会少很多，为了缓解这种情况，我 ...

您好，SpreadJS支持在sheet上设置zoom参数，咱们可以对工作表进行缩放达到您期望一屏展示更多信息：https://demo.grapecity.com.cn/sp ... eets.Worksheet#zoom
回复 使用道具 举报
Kin7
注册会员   /  发表于：2024-4-18 15:53:39
10#
Richard.Huang 发表于 2024-4-18 13:44
您好，SpreadJS支持在sheet上设置zoom参数，咱们可以对工作表进行缩放达到您期望一屏展示更多信息：https ...

昨天用这种方式解决了大部分问题，但是滚动条的比例似乎没办法调整，在缩放150%的时候滚动条看着有点粗。
回复 使用道具 举报
下一页 »
12下一页
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册
产品与服务
活字格低代码平台
Wyn 商业智能软件
SpreadJS纯前端表格控件
技术服务体系
技术博客
低代码技术
客户与案例
典型客户
成功案例
用户访谈
合作与生态
合作伙伴网络
葡萄城市场
葡萄城与国产化
活字格用友客开工具
品牌活动
葡萄城公开课
品牌战略发布会
赋能开发者高峰论坛
企业级低代码发展研讨会
企业级低代码应用大赛
表格技术研讨会
了解葡萄城
葡萄城简介
愿景使命
研发与创新
荣誉奖项
加入我们
联系方式
联系我们
400-657-6008

葡萄城社区二维码

关注“葡萄城社区”

赋能开发者

西安葡萄城软件有限公司
专业的软件开发技术和低代码平台提供商

陕ICP备2020018819号  |   陕公网安备：61019002000258  |   隐私政策  |   网站地图  

邮箱： info.xa@grapecity.com  |  © 2024 葡萄城软件，保留所有权利

Archiver| 手机版| 小黑屋|

返回顶部