(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202211173919.1 (22)申请日 2022.09.26 (71)申请人 湖南快乐阳光互动娱乐传媒有限公 司 地址 410003 湖南省长 沙市开福区湖南国 际会展中心北四楼 (72)发明人 郑秋　潘建波　 (74)专利代理 机构 北京集佳知识产权代理有限 公司 11227 专利代理师 刘翠香 (51)Int.Cl. G06F 3/0481(2022.01) G06F 3/0484(2022.01) G06F 9/451(2018.01) G06F 9/455(2006.01) (54)发明名称 一种基于Vue+SVG的高可定制星级评分方法 及装置 (57)摘要 本申请提供了一种基于Vue+SVG的高可定制 星级评分方法及装置， 该方法包括： 响应于第一 触发事件， 定制多个星级 图形， 在评分界面中显 示多个星级 图形； 响应于对星级 图形的操作， 确 定星级图形的调整信息； 基于调整信息， 确定星 级图形对应的星级评分， 以及将星级图形从第一 显示状态切换为第二显示状态， 第一显示状态与 第二显示状态不同。 权利要求书2页 说明书8页 附图2页 CN 115480672 A 2022.12.16 CN 115480672 A 1.一种基于Vue+SVG的高可定制星 级评分方法， 其特 征在于， 包括： 响应于第一触发事 件， 定制多个星 级图形， 在评分界面中显示多个所述星 级图形； 响应于对所述星 级图形的操作， 确定所述星 级图形的调整信息； 基于所述调整信息， 确定所述星级图形对应的星级评分， 以及将所述星级图形从第一 显示状态切换为第二显示状态， 所述第一显示状态与所述第二显示状态不同。 2.根据权利要求1所述的方法， 其特 征在于， 定制多个星 级图形， 包括： 接入vue文件， 基于所述vue文件创建单页面 web应用； 定义入口文件及入口方法， 响应于入口文件及入口方法的调用请求， 将星级评分组件 接入所述单页面 web应用； 从所述单页面web应用中获取针对所述星级评分组件中参数配置的值， 将针对所述星 级评分组件中参数配置的值配置 到所述星 级评分组件； 基于所述星 级评分组件， 定制多个星 级图形。 3.根据权利要求2所述的方法， 所述星级评分组件中参数包括： 星级图形个数、 星级图 形显示属性及以下至少一种： 用于设置所述星级图形所对应显示状态调整方式的第一参 数， 用于设置所述星级图形所对应的评分数据格式的第二参数， 用于设置初始星级评分的 数值的第三 参数。 4.根据权利要求2所述的方法， 其特征在于， 基于所述星级评分组件， 定制多个星级图 形， 包括： 基于所述星 级评分组件， 绘制单个星 级图形； 基于所述星级图形个数， 对所述单个星级图形进行复制处理， 得到多个星级图形， 多个 所述星级图形的个数为所述星 级图形个数。 5.根据权利要求1所述的方法， 其特征在于， 响应于对所述星级图形的操作， 确定所述 星级图形的调整信息， 包括： 响应于对所述星级图形的触摸操作或点击操作， 确定所述触摸操作或所述点击操作对 应的接触点在所述星级图形中的位置， 确定所述位置在设定方向上与所述星级图形中参考 点之间的相对偏移量； 基于所述相对偏移量确定所述星 级图形的调整比例。 6.根据权利要求5所述的方法， 其特征在于， 基于所述调整信息， 确定所述星级图形对 应的星级评分， 以及将所述星 级图形从第一显示状态切换为第二显示状态， 包括： 将所述调整比例与所述星级图形对应的满分相乘， 得到所述星级图形对应的星级评 分； 将所述星级图形中所述调整比例对应的图形区域从第一显示状态切换为第二显示状 态。 7.根据权利要求1 ‑3任意一项所述的方法， 其特征在于， 响应于对所述星级图形的操 作， 确定所述星 级图形的调整信息， 包括： 响应于对所述星级图形的操作， 若所述星级图形之前排列有其它星级图形， 确定所述 星级图形的第一调整信息及排列在所述星 级图形之前的星 级图形的第二调整信息 。 8.一种基于Vue+SVG的高可定制星 级评分装置， 其特 征在于， 包括： 定制模块， 用于响应于第一触发事 件， 定制多个星 级图形；权　利　要　求　书 1/2 页 2 CN 115480672 A 2显示模块， 用于在评分界面中显示多个所述星 级图形； 第一确定模块， 用于响应于对所述星 级图形的操作， 确定所述星 级图形的调整信息； 第二确定模块， 用于基于所述调整信息， 确定所述星 级图形对应的星 级评分； 切换模块， 用于基于所述调整信息， 将所述星级图形从第一显示状态切换为第二显示 状态， 所述第一显示状态与所述第二显示状态不同。 9.根据权利要求8所述的装置， 其特 征在于， 所述定制模块， 具体用于： 接入vue文件， 基于所述vue文件创建单页面 web应用； 定义入口文件及入口方法， 响应于入口文件及入口方法的调用请求， 将星级评分组件 接入所述单页面 web应用； 从所述单页面web应用中获取针对所述星级评分组件中参数配置的值， 将针对所述星 级评分组件中参数配置的值配置 到所述星 级评分组件； 基于所述星 级评分组件， 定制多个星 级图形。 10.根据权利要求9所述的装置， 其特征在于， 所述星级评分组件中参数包括： 星级图形 个数、 星级图形显示属 性及以下至少一种： 用于设置所述星级图形所对应显示状态调整方 式的第一参数， 用于设置所述星级图形所对应的评分数据格式的第二参数， 用于设置初始 星级评分的数值的第三 参数。权　利　要　求　书 2/2 页 3 CN 115480672 A 3