龙图腾网&IPTOP
- 微信扫码登录
- 账号密码登录
- 短信登录/注册
申请/专利权人：智慧泉城智能科技有限公司
申请日：2024-03-05
公开（公告）日：2024-06-21
公开（公告）号：CN118227244A
主分类号：G06F9/451
分类号：G06F9/451;G06F3/0481
优先权：
专利状态码：在审-公开
法律状态：2024.06.21#公开
摘要：本发明公开一种可视化大屏多层轮盘效果的实现方法,涉及Web前端可视化技术领域；步骤S1：通过前端获取并验证用户上传的轮盘配置信息；步骤S2：基于大屏，进行多层轮盘效果渲染；步骤S3：根据用户的业务和展示内容的需要处理用户交互，步骤S4：通过响应方式适应不同分辨率的大屏上展示；本发明能够根据用户的业务和展示内容的需要自由配置多层轮盘效果，实现自动轮播动画和用户交互处理，而且具备响应式设计，确保在不同分辨率的大屏上展示效果良好。
主权项：1.一种可视化大屏多层轮盘效果的实现方法，其特征是包括：步骤S1：通过前端获取并验证用户上传的轮盘配置信息，其中所述轮盘配置信息包括多层轮盘基本信息、轮盘内单个元素的样式、元素数量、文字内容、是否自动播放和单步停顿时间，步骤S2：基于大屏，进行多层轮盘效果渲染，其中根据轮盘配置信息，确定轮盘的层数以及每层轮盘的样式，动态生成多层轮盘的HTML结构，包括：步骤S21：初始化单层轮盘的参数，所述参数包括轮盘半径、中心点坐标和元素数量，步骤S22：设置每个元素的样式和位置，使每个元素围绕中心点排列，步骤S23：与轮盘配置信息中设置的轮盘层数进行对比，重复步骤21和22，直至满足轮盘配置信息中设置的条件，步骤S24：设置旋转动画，根据每一帧的时间间隔计算旋转角度的增量并更新轮盘元素的位置和样式，实现旋转效果；步骤S3：根据用户的业务和展示内容的需要处理用户交互，其中使用JavaScript的事件监听器捕获用户的鼠标的点击或拖拽事件，并在事件发生时更新旋转轴的角度以及元素的位置和样式，实现交互效果，步骤S4：通过响应方式适应不同分辨率的大屏上展示，其中在JavaScript中监听窗口大小变化的事件，相应地调整轮盘的大小、位置和布局，适应不同分辨率的大屏上展示多层轮盘效果。
全文数据：
权利要求：
百度查询： 智慧泉城智能科技有限公司 一种可视化大屏多层轮盘效果的实现方法
免责声明
1、本报告根据公开、合法渠道获得相关数据和信息，力求客观、公正，但并不保证数据的最终完整性和准确性。
2、报告中的分析和结论仅反映本公司于发布本报告当日的职业理解，仅供参考使用，不能作为本公司承担任何法律责任的依据或者凭证。
主营中国专利交易买卖与专利转让许可,高校科技成果推广与科技成果转化,知识产权运营管理与平台开发,科技人才专家库与科技猎头等科技服务
开放平台
担保交易
惠及多方
会员特惠
专属平台
适合多方
数据共享
功能齐全
皖公网安备 34010402703815号