找回密码
 立即注册

QQ登录

只需一步,快速开始

Kin7

注册会员

18

主题

59

帖子

149

积分

注册会员

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

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

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

13 个回复

正序浏览
Richard.HuangSpreadJS 开发认证
超级版主   /  发表于:2024-4-28 11:37:59
14#
您好,由于您长时间未回帖,本贴就先作结帖处理了,后续如果有其他新的问题,欢迎继续发新帖询问
回复 使用道具 举报
Richard.HuangSpreadJS 开发认证
超级版主   /  发表于:2024-4-19 12:10:12
13#
Kin7 发表于 2024-4-18 19:57
底部滚动条好像是由左侧canvas+右侧span组成的?

您好,无论是Designer还是SpreadJS,中间的工作表区域都是和滚动条分开的,中间区域是Canvas绘制,滚动条区域都是span

image.png190791014.png
回复 使用道具 举报
Kin7
注册会员   /  发表于:2024-4-18 19:57:46
12#
Richard.Huang 发表于 2024-4-18 18:07
右侧的滚动条实际是一个dom,您可以通过js的方式给这个滚动条设置对应的缩放比例

底部滚动条好像是由左侧canvas+右侧span组成的?
回复 使用道具 举报
Richard.HuangSpreadJS 开发认证
超级版主   /  发表于:2024-4-18 18:07:40
11#
Kin7 发表于 2024-4-18 15:53
昨天用这种方式解决了大部分问题,但是滚动条的比例似乎没办法调整,在缩放150%的时候滚动条看着有点粗。

右侧的滚动条实际是一个dom,您可以通过js的方式给这个滚动条设置对应的缩放比例
image.png806731262.png
回复 使用道具 举报
Kin7
注册会员   /  发表于:2024-4-18 15:53:39
10#
Richard.Huang 发表于 2024-4-18 13:44
您好,SpreadJS支持在sheet上设置zoom参数,咱们可以对工作表进行缩放达到您期望一屏展示更多信息:https ...

昨天用这种方式解决了大部分问题,但是滚动条的比例似乎没办法调整,在缩放150%的时候滚动条看着有点粗。
回复 使用道具 举报
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 11:50:08
8#
Richard.Huang 发表于 2024-4-18 11:43
最新调研进展:目前本贴中遇到的问题根本原因是我们并不支持宿主dom的缩放,这会引起SpreadJS的hitTest出现 ...

笔记本电脑的显示器偏小,开启缩放后如果不做处理的话一屏能看到的信息就会少很多,为了缓解这种情况,我们通过js设置zoom的方式进行缩放,让一屏能展示更多信息。
回复 使用道具 举报
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-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-16 18:09:44
4#
Kin7 发表于 2024-4-16 17:18
抱歉,公司内网有限制,我用手机发的帖子,没办法上传代码。我在官网的示例页面找到canvas,在它的style ...

您好,我按照您描述的测试确实复现了该问题,请问您的具体需求是什么,为什么需要定义一个这样的zoom参数呢?具体使用场景是什么,方便我们更好得进行调研问题以及提供后续的方法
回复 使用道具 举报
12下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部