找回密码
 立即注册

QQ登录

只需一步,快速开始

afly

注册会员

5

主题

16

帖子

45

积分

注册会员

积分
45
最新发帖
afly
注册会员   /  发表于:2024-3-12 16:10  /   查看:1979  /  回复:5
1金币
本帖最后由 Richard.Huang 于 2024-3-22 12:19 编辑

产品:SpreadJS
版本:V13.1

h5 通过 对父级div写样式实现横屏
  1. style: {
  2.           width: lWidth,
  3.           height: lHeight,
  4.           position: "absolute",
  5.           top: `${(lWidth - lHeight)/2}px`,
  6.           left: `-${(lWidth - lHeight)/2}px`,
  7.           transform: `rotate(90deg)`,
  8.           transformOrigin: '50% 50%',
  9.           background: '#fff',
  10.         }
复制代码
最终效果是可以的,只是点击单元格和切换sheet失效,看现象应该是坐标取反了,麻烦问一下是否有解决方案呢(滚动也是反的)
image.png119550170.png

最佳答案

查看完整内容

您好,这边调研了一下,目前SpreadJS是通过浏览器的onOrientationChanged方法实现的,只能您尝试在小程序中获取到这个事件后实现了,如果小程序中没有相关的方法的话这边也没有更好的方案了。

5 个回复

倒序浏览
最佳答案
最佳答案
Joestar.XuSpreadJS 开发认证
超级版主   /  发表于:2024-3-12 16:10:27
来自 5#
您好,这边调研了一下,目前SpreadJS是通过浏览器的onOrientationChanged方法实现的,只能您尝试在小程序中获取到这个事件后实现了,如果小程序中没有相关的方法的话这边也没有更好的方案了。
回复 使用道具 举报
Joestar.XuSpreadJS 开发认证
超级版主   /  发表于:2024-3-12 16:32:24
2#
您好,SpreadJS目前不支持transform布局,这是因为SpreadJS内部考虑定位元素的时候并不会考虑transform,而是按照正常情况下计算DOM的位置,所以点击的位置会错位,这涉及到产品的底层结构,目前暂不支持。
回复 使用道具 举报
afly
注册会员   /  发表于:2024-3-12 16:50:59
3#
Joestar.Xu 发表于 2024-3-12 16:32
您好,SpreadJS目前不支持transform布局,这是因为SpreadJS内部考虑定位元素的时候并不会考虑transform,而 ...

我看新版的好像有横屏模式,采用的是手机浏览器陀螺仪旋转的。现在使用场景是在小程序内,没办法获取到陀螺仪,这个有方式模拟现在支持的这种横屏模式吗
wecom-temp-170365-038e8ba11a75888eca6f2ab4b55d68f7.jpg616725463.png
回复 使用道具 举报
Joestar.XuSpreadJS 开发认证
超级版主   /  发表于:2024-3-12 17:46:22
4#
您好,您描述的情况我了解了,这边调研一下,后续有进展我会在本贴中回复您。
回复 使用道具 举报
Joestar.XuSpreadJS 开发认证
超级版主   /  发表于:2024-3-21 17:01:07
6#
您好,由于本帖较长时间没有回复,本帖先做结贴处理了,后续如您有其他问题,欢迎您开新帖提问。
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部