(19)中华 人民共和国 国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210105453.5 (22)申请日 2022.01.28 (71)申请人 北京太琦图形 科技有限公司 地址 100080 北京市海淀区海淀大街甲3 6 号2层2001号 (72)发明人 邹雨恒　李红亮　马逸东　匡冶　 胡渊鸣　 (74)专利代理 机构 北京市汉坤律师事务所 11602 代理人 姜浩然　吴丽丽 (51)Int.Cl. G06F 9/451(2018.01) G06F 3/0482(2013.01) G06F 3/0486(2013.01) (54)发明名称 页面显示方法、 装置、 设备和介质 (57)摘要 一种用于客户端的页面显示方法、 装置、 设 备和介质， 该页面至少包括第一窗口和第二窗 口。 该方法包括： 对物 体列表数据进行本地渲染， 以在第一窗口中显示物体列表； 在 物体列表中选 中物体， 并将物体拖拽至第二窗口中的第一位 置， 其中： 在拖拽的过程中， 响应于确定物体由位 于第二窗口边框处的第二位置进入第二窗口， 发 送第一指令； 从服务器接收针对第一指令的第一 数据， 其中， 第一数据包括第一视频帧和物体对 应的唯一标识符； 在所述第二窗口中显示第一视 频帧； 在物体从第二位置被继续拖拽至第一位置 的过程中， 以第一预设时间间隔向服务器发送多 个第二指令， 从服务器接收分别针对相应的第二 指令所返回的多个第二视频帧； 在第二窗口中显 示多个第二视频帧。 权利要求书9页 说明书22页 附图10页 CN 114416270 A 2022.04.29 CN 114416270 A 1.一种用于客户端的页面显示方法， 所述页面至少包括第一窗口和第二窗口， 所述方 法包括： 对物体列表数据进行本地渲染， 以在所述第一窗口中显示物体列表， 其中， 所述物体列 表包括待编辑的物体； 在所述物体列表中选中所述物体， 并将所述物体拖拽至所述第二窗口中的第一位置， 其中： 在所述拖拽的过程中， 响应于确定所述物体由位于所述第 二窗口边框处 的第二位置进 入所述第二窗口， 向服务器发送第一指 令， 其中， 所述第一指 令包括所述第二位置在所述第 二窗口中对应的第一二维坐标以及所述物体对应的访问路径信息， 并且其中， 所述服务器 能够基于所述访问路径信息识别所述物体； 从所述服务器接收针对所述第一指令的第一数据， 其中， 所述第一数据包括第一视频 帧和所述物体对应的唯一标识符， 其中， 所述第一视频帧中包含所述物体对应的第一三维 图像， 并且其中， 所述第一三维 图像在所述第一视频帧中对应的第一三维坐标与所述第一 二维坐标相对应； 在所述第二窗口中显示所述第一视频帧； 在所述物体从所述第 二位置被继续拖拽至所述第 一位置的过程中， 以第 一预设时间间 隔向所述服务器发送多个第二指令， 其中， 所述多个第二指令中的每一个第二指令包括所 述唯一标识符以及与所述物体在所述第二窗口中的当前位置相对应的第二 二维坐标； 从所述服务器接收分别针对相应的第二指令所返回的多个第二视频帧， 其中， 所述多 个第二视频帧中的每一个第二视频帧包含所述第一三维 图像， 并且其中， 所述第一三维 图 像在该第二视频帧中对应的第二三维坐标与相 应的第二指令中所包括的第二二维坐标相 对应； 以及 在所述第二窗口中显示所述多个第二视频帧。 2.如权利要求1所述的方法， 还 包括： 响应于选 中所述第 一三维图像并在所述第 二窗口中对所述第 一三维图像进行拖拽， 在 对所述第一三维图像进行拖拽的过程中， 以第二预设时间间隔向所述服务器发送多个第三 指令， 其中， 所述多个第三指令中的每个第三指令包括针对所述第一三维 图像的所述选中 操作对应的第三二维坐标以及与所述物体在所述第二窗口中的当前位置相对应的第四二 维坐标， 并且其中， 所述服务器能够基于所述第三二维坐标以及所述服务器中存储的预存 信息识别所述物体； 从所述服务器接收分别针对所述第三指令所返回的多个第三视频帧， 其中， 所述多个 第三视频帧中的每一个第三视频帧包含所述第一三维 图像， 并且其中， 所述第一三维 图像 在该第三视频帧中对应的第四三维坐标与相 应的第三指令中所包括的第四二维坐标相对 应； 以及 在所述第二窗口中显示所述多个第三视频帧。 3.如权利要求2所述的方法， 其中， 所述多个第 三指令中的每个第 三指令还包括第 一子 指令和第二子指 令， 并且其中， 所述第一子指 令将所述第三二维坐标作为输入参数， 以用于 指示所述服务器基于所述第三二 维坐标识别所述物体， 所述第二子指 令将所述第四二维坐 标作为输入参数， 以用于指示所述 服务器渲染所述第一 三维图像的位置 。权　利　要　求　书 1/9 页 2 CN 114416270 A 24.如权利要求1 ‑3任一项所述的方法， 所述页面还 包括第三窗口， 所述方法还 包括： 响应于选 中所述第一三维图像， 向所述服务器发送第四指令， 其中， 所述第四指令包括 针对所述第一三维 图像的所述选中操作对应的第 五二维坐标， 并且其中， 所述第 五二维坐 标用于所述 服务器来确定所述选中操作所针对的所述第一 三维图像所对应的所述物体； 从所述服务器接收针对所述第 四指令所返回的第二数据， 其中， 所述第二数据包括指 示所述物体的属性的参数 数据； 以及 对所述参数数据进行本地 渲染， 以在所述第三窗口中显示所述物体对应的参数。 5.如权利要求4所述的方法， 其中， 所述第二数据还包括： 第 四视频帧以及所述第一三 维图像在所述第四视频帧中对应的第三三维坐标， 并且其中， 所述第三三维坐标与所述第 一三维图像 被选中时在所述第二窗口中所在的第六二维坐标相对应。 6.如权利要求 4或5所述的方法， 还 包括： 响应于对所述参数的修改操作， 向所述服务器发送第五指令， 其中， 所述第五指令包括 所述第五二维坐标以及所述 参数经修改后得到的参数目标值； 从所述服务器接收针对所述第五指令所返回的第五视频帧， 其中， 所述第五视频帧中 包含所述物体对应的第二三维 图像， 并且其中， 所述第二三维 图像是基于所述参数目标值 确定的， 并且所述第二三 维图像在所述第五视频帧中对应的第五三 维坐标与所述第五二 维 坐标相对应； 以及 在所述第二窗口中显示所述第五视频帧。 7.如权利要求5所述的方法， 还 包括： 基于所述第三 三维坐标， 在所述第二窗口 的对应位置处对旋转控 件进行渲染； 将渲染后的所述旋转控 件叠加在所述第四视频帧上， 以显示在所述第二窗口中。 8.如权利要求7 所述的方法， 还 包括： 响应于针对所述旋转控件的移动操作， 向所述服务器发送第六指令， 其中， 所述第六指 令包括经 所述移动操作后所述物体对应的移动旋转目标值； 从所述服务器接收针对所述第六指令所返回的第六视频帧， 其中， 所述第六视频帧中 包含所述物体对应的第三三维 图像， 并且其中， 所述第三三维 图像是基于所述移动旋转 目 标值确定的； 以及 在所述第二窗口中显示所述第六视频帧。 9.如权利要求1 ‑8中任一项所述的方法， 还 包括： 确定所述第二窗口 的尺寸； 响应于从所述服务器接收到的数据中包括视频帧， 对所接收到的视频帧的尺寸进行转 换， 以使得转换后的视频帧与所述第二窗口具有相同的尺寸。 10.一种页面显示方法， 包括： 从客户端接收第一指令， 其中， 所述第一指令包括在所述客户端中待显示物体的访 问 路径信息以及第一 二维坐标； 基于所述访问路径信 息， 识别所述待显示物体为第 一物体以及获取所述第 一物体对应 的唯一标识符； 创建画布， 其中， 所述画 布与所述 客户端中用于 显示三维图像的窗口相对应； 基于所述第一 二维坐标， 确定在所述画 布中对应的第一 三维坐标；权　利　要　求　书 2/9 页 3 CN 114416270 A 3