一种基于Threejs生成全景图表的方法、终端设备及存储介质

    公开(公告)号:CN112464126B

    公开(公告)日:2022-07-15

    申请号:CN202011462659.0

    申请日:2020-12-14

    Abstract: 本发明涉及一种基于Threejs生成全景图表的方法、终端设备及存储介质,该方法中包括:加载全景容器组件中配置的各图表组件,并将其挂载至全景容器组件内;对全景容器组件对应的场景和相机进行初始化;根据每个图表组件生成场景对象,并生成的场景对象添加至对应的场景内;初始化全景容器组件的渲染器,并设置渲染效果的宽和高,通过渲染器将各图表组件重新渲染出全景效果,将渲染器挂载至页面内;全景容器组件调用addEventListener对用户鼠标操作事件进行绑定,使全景效果跟着鼠标的拖动进行转动;根据帧速率反复触发来调整相机的位置;页面显示全景图表效果。本发明通过系统特有的全景容器组件,可以快速将几块图表结合起来,生成相应的全景图表页面。

    一种基于Threejs生成全景图表的方法、终端设备及存储介质

    公开(公告)号:CN112464126A

    公开(公告)日:2021-03-09

    申请号:CN202011462659.0

    申请日:2020-12-14

    Abstract: 本发明涉及一种基于Threejs生成全景图表的方法、终端设备及存储介质,该方法中包括:加载全景容器组件中配置的各图表组件,并将其挂载至全景容器组件内;对全景容器组件对应的场景和相机进行初始化;根据每个图表组件生成场景对象,并生成的场景对象添加至对应的场景内;初始化全景容器组件的渲染器,并设置渲染效果的宽和高,通过渲染器将各图表组件重新渲染出全景效果,将渲染器挂载至页面内;全景容器组件调用addEventListener对用户鼠标操作事件进行绑定,使全景效果跟着鼠标的拖动进行转动;根据帧速率反复触发来调整相机的位置;页面显示全景图表效果。本发明通过系统特有的全景容器组件,可以快速将几块图表结合起来,生成相应的全景图表页面。

Patent Agency Ranking