基于人工智能的页面渲染方法、装置、电子设备及介质与流程

1.本发明涉及人工智能技术领域，具体涉及一种基于人工智能的页面渲染方法、装置、电子设备及介质。


背景技术：

2.随着数字医疗技术的兴起，出现了越来越多的互联网医疗平台，可以支持疾病辅助诊断、健康管理、远程会诊等功能。互联网医疗平台上的文字为中文，对于本土居民来说，操作互联网医疗平台并不算困难。然而对于不识中文的国际友人来说，体验并不友好。
3.发明人在实现本发明的过程中发现，目前互联网医疗平台虽然提供有翻译功能，用户可以触发翻译按钮，将互联网医疗平台中页面上的文字翻译成适合自己的语种，但现有技术是通过生成一个固定颜色的矩形色块在原始页面上进行覆盖，并将翻译后的内容显示在固定颜色的矩形色块中，如此导致翻译后的页面显得很生硬，页面显示效果较差。


技术实现要素：

4.鉴于以上内容，有必要提出一种基于人工智能的页面渲染方法、装置、电子设备及介质，能够对翻译后的页面进行较好的渲染。
5.本发明的第一方面提供一种基于人工智能的页面渲染方法，所述方法包括：
6.响应于页面的翻译指令，获取所述页面中的文本行，并基于所述翻译指令对所述文本行进行翻译，得到所述文本行的目标翻译文本；
7.检测所述文本行在所述页面中的目标框；
8.获取所述目标框对应的多个像素信息，并根据所述多个像素信息确定所述目标框的第一显示颜色；
9.根据所述第一显示颜色确定所述目标翻译文本的第二显示颜色；
10.根据所述目标翻译文本、所述第一显示颜色及所述第二显示颜色对所述页面进行渲染。
11.根据本发明的一个可选的实施方式，所述基于所述翻译指令对所述文本行进行翻译，得到所述文本行的目标翻译文本包括：
12.获取所述翻译指令中携带的目标翻译语种；
13.根据所述文本行确定领域类别及确定所述领域类别的多个邻近领域；
14.调用所述领域类别对应的翻译模型及每个所述邻近领域的翻译模型基于所述目标翻译语种对所述文本行进行翻译，得到多个候选翻译文本；
15.根据所述多个候选翻译文本确定所述目标翻译文本。
16.根据本发明的一个可选的实施方式，所述根据所述像素信息确定所述目标框的第一显示颜色包括：
17.将所述多个像素信息进行分组；
18.计算每组中的像素信息的数量；
19.将数量最多的一组的像素信息确定为所述目标框的第一显示颜色。
20.根据本发明的一个可选的实施方式，所述方法还包括：
21.计算所述目标框的宽度；
22.计算所述目标框中所述文本行的字符的数量；
23.根据所述宽度及所述数量确定所述字符的大小；
24.根据所述目标翻译文本对应的目标字体及所述字符的原始字体确定显示差异；
25.根据所述字符的大小及所述显示差异确定所述目标字体的大小；
26.基于所述目标字体的大小显示所述目标翻译文本。
27.根据本发明的一个可选的实施方式，所述方法还包括：
28.获取浏览所述页面的用户的登录信息；
29.当所述登录信息中的字符为第一类型字符时，按照所述第一类型字符对应的计算规则对所述第一类型字符进行计算，得到第一值；
30.当所述登录信息中的字符为第二类型字符时，按照所述第二类型字符对应的计算规则对所述第二类型字符进行计算，得到第二值；
31.根据所述第一值及所述第二值生成颜色图形，并将所述颜色图形嵌入在所述页面中。
32.根据本发明的一个可选的实施方式，所述方法还包括：
33.监控所述页面中的内容是否被泄露；
34.当所述页面中的内容被泄露，获取所述页面中的颜色图形；
35.根据所述颜色图形计算得到目标用户信息；
36.根据所述目标用户信息定位泄露所述页面中的内容的目标用户。
37.根据本发明的一个可选的实施方式，所述根据所述目标用户信息定位泄露所述页面中的内容的目标用户包括：
38.获取所述目标用户信息中的登录时间及登录者用户名；
39.以所述登录时间检索预设登录数据表，得到多个用户名；
40.将所述登录者用户名与所述多个用户名进行匹配，得到目标用户。
41.本发明的第二方面提供一种基于人工智能的页面渲染装置，所述装置包括：
42.文本翻译模块，用于响应于页面的翻译指令，获取所述页面中的文本行，并基于所述翻译指令对所述文本行进行翻译，得到所述文本行的目标翻译文本；
43.文本检测模块，用于检测所述文本行在所述页面中的目标框；
44.第一显示模块，用于获取所述目标框对应的多个像素信息，并根据所述多个像素信息确定所述目标框的第一显示颜色；
45.第二显示模块，用于根据所述第一显示颜色确定所述目标翻译文本的第二显示颜色；
46.页面渲染模块，用于根据所述目标翻译文本、所述第一显示颜色及所述第二显示颜色对所述页面进行渲染。
47.本发明的第三方面提供一种电子设备，所述电子设备包括处理器和存储器，所述处理器用于执行所述存储器中存储的计算机程序时实现所述基于人工智能的页面渲染方法。
48.本发明的第四方面提供一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现所述基于人工智能的页面渲染方法。
49.综上所述，本发明所述的基于人工智能的页面渲染方法、装置、电子设备及介质，响应于页面的翻译指令，获取页面中的文本行并基于翻译指令对文本行进行翻译，得到文本行的目标翻译文本；检测到文本行在页面中的目标框后，通过获取目标框对应的多个像素信息，并根据多个像素信息确定目标框的第一显示颜色，从而根据第一显示颜色确定目标翻译文本的第二显示颜色，最后根据目标翻译文本、第一显示颜色及第二显示颜色对页面进行渲染，不仅使得目标翻译文本的第二显示颜色与目标框的第一显示颜色具有较大的反差，而且实现了直接在原有的网页中进行文本替换的效果。本发明可以应用于数字医疗领域，方便不同语种的用户阅览网页中的医疗内容。
附图说明
50.图1是本发明实施例一提供的基于人工智能的页面渲染方法的流程图。
51.图2是本发明实施例二提供的基于人工智能的页面渲染装置的结构图。
52.图3是本发明实施例三提供的电子设备的结构示意图。
具体实施方式
53.为了能够更清楚地理解本发明的上述目的、特征和优点，下面结合附图和具体实施例对本发明进行详细描述。需要说明的是，在不冲突的情况下，本发明的实施例及实施例中的特征可以相互组合。
54.除非另有定义，本文所使用的所有的技术和科学术语与属于本发明的技术领域的技术人员通常理解的含义相同。本文中在本发明的说明书中所使用的术语只是为了描述在一个可选的实施方式中实施例的目的，不是旨在于限制本发明。
55.本发明实施例提供的基于人工智能的页面渲染方法由电子设备执行，相应地，基于人工智能的页面渲染装置运行于电子设备中。
56.实施例一
57.图1是本发明实施例一提供的基于人工智能的页面渲染方法的流程图。
58.本技术实施例可以基于人工智能技术对页面进行渲染。其中，人工智能(artificial intelligence，ai)是利用数字计算机或者数字计算机控制的机器模拟、延伸和扩展人的智能，感知环境、获取知识并使用知识获得最佳结果的理论、方法、技术及应用系统。
59.人工智能基础技术一般包括如传感器、专用人工智能芯片、云计算、分布式存储、大数据处理技术、操作/交互系统、机电一体化等技术。人工智能软件技术主要包括计算机视觉技术、机器人技术、生物识别技术、语音处理技术、自然语言处理技术以及机器学习/深度学习等几大方向。
60.所述基于人工智能的页面渲染方法具体包括以下步骤，根据不同的需求，该流程图中步骤的顺序可以改变，某些可以省略。
61.s11，响应于页面的翻译指令，获取所述页面中的文本行，并基于所述翻译指令对
所述文本行进行翻译，得到所述文本行的目标翻译文本。
62.其中，翻译指令由浏览页面的用户触发，例如，通过触摸或者点击页面上的翻译按钮进行触发。
63.所述页面可以指数字医疗平台中的页面，所述页面中可以包括图片，所述图片中包括文本行。通过触发翻译指令，对页面中的文本行进行翻译，得到目标翻译文本。
64.在一种可能的实现方式中，所述文本行可以为医疗文本，所述医疗文本可以是医疗电子记录(electronic healthcare record)，电子化的个人健康记录，包括病历、心电图、医学影像等一系列具备保存备查价值的电子化记录。
65.在一个可选的实施方式中，所述基于所述翻译指令对所述文本行进行翻译，得到所述文本行的目标翻译文本包括：
66.获取所述翻译指令中携带的目标翻译语种；
67.根据所述文本行确定领域类别及确定所述领域类别的多个邻近领域；
68.调用所述领域类别对应的翻译模型及每个所述邻近领域的翻译模型基于所述目标翻译语种对所述文本行进行翻译，得到多个候选翻译文本；
69.根据所述多个候选翻译文本确定所述目标翻译文本。
70.该可选的实施方式中，浏览页面的用户在触摸或者点击页面上的翻译按钮之后，页面上还可以显示文本输入框，以供用户输入目标翻译语种，所述页面上还可以显示列表选项，以供用户在列表选项中的多个翻译语种中选择一个翻译语种作为目标翻译语种。在用户输入目标翻译语种或者选定目标翻译语种之后，触发翻译指令，触发的翻译指令中携带有目标翻译语种。
71.在对文本行进行翻译之前，可以先使用预先训练完成的领域分类器对文本行进行分类，得到领域类别，并根据存储器中预先存储的领域类别关联表匹配出与领域类别关联的其他领域类别，将其他领域类别作为领域类别的邻近领域。示例性的，假设根据所述文本行确定的领域类别为数字医疗领域，则多个邻近领域可以为智慧问诊领域，医疗管理领域等。
72.其中，多个翻译模型之间的参数共享，由于参数共享，能够减少翻译模型的参数的数据量，从而能够缩小翻译模型的大小，进而能够快速的对文本行进行翻译，提高了翻译的效率。
73.在调用所述领域类别对应的翻译模型及每个所述邻近领域的翻译模型基于所述目标翻译语种对所述文本行进行翻译，得到多个候选翻译文本之后，可以获取每个候选翻译文本的翻译质量，并根据翻译质量进行从大到小排序，将排序在第一的翻译质量对应的候选翻译文本确定为目标翻译文本；或者，根据翻译质量进行从小到大排序，将排序在最后一个的翻译质量对应的候选翻译文本确定为目标翻译文本。
74.由于调用领域分类器对文本行进行分类，得到的领域类别仅仅是一个概率上的类别，其在一定程度上还存在误分类的可能，因而通过获取领域类别的多个邻近领域，使用分类得到的领域类别及邻近领域对应的翻译模型分别基于目标翻译语种对文本行进行翻译，并确定翻译质量最高的翻译文本作为文本行的目标翻译文本，如此能够提高文本行的翻译质量。
75.s12，检测所述文本行在所述页面中的目标框。
76.可以调用文本检测模型检测所述文本行在所述页面中的目标框，文本检测模型可以包括，但不限于：可微二值化(differentiable binarization，db)模型。
77.文本检测模型不仅可以检测出页面中的文本行，还可以以目标框的形式框出所检测到的文本行。
78.s13，获取所述目标框对应的多个像素信息，并根据所述多个像素信息确定所述目标框的第一显示颜色。
79.本实施方式，可以获取文本检测模型检测的目标框的坐标，根据所述坐标确定目标框对应的像素信息，从而根据像素信息确定后续覆盖目标框的颜色。
80.在一个可选的实施方式中，所述根据所述像素信息确定所述目标框的第一显示颜色包括：
81.将所述多个像素信息进行分组；
82.计算每组中的像素信息的数量；
83.将数量最多的一组的像素信息确定为所述目标框的第一显示颜色。
84.上述可选的实施方式中，由于不同的文本行对应不同位置的目标框，不同位置的目标框对应的像素信息不同，基于像素信息进行分组后，不同组的像素的数量不同，根据数量最多的一组的像素信息确定目标框的第一显示颜色，并以第一显示颜色覆盖目标框，从而实现了对目标框的动态颜色覆盖。
85.s14，根据所述第一显示颜色确定所述目标翻译文本的第二显示颜色。
86.使用第一显示颜色覆盖目标框之后，会对目标框中的文本行进行覆盖，导致目标框中的目标翻译文本无法清楚的显示，此时，需要根据目标框的第一显示颜色调整所述目标框中目标翻译文本的显示颜色。
87.具体的，可以获取与所述第一显示颜色具有高对比度的目标颜色，使用所述目标颜色作为目标翻译文本的显示颜色，如此，目标翻译文本的第二显示颜色与目标框的第一显示颜色会形成较大的反差，从而使得目标翻译文本具有较高的辨识度，能够供用户清楚的查阅显示目标翻译文本。
88.示例性的，假设目标框的第一显示颜色为深色时，则目标翻译文本的第二显示颜色为白色。又如，目标框的第一显示颜色为浅色时，则目标翻译文本的第二显示颜色为黑色。
89.s15，根据所述目标翻译文本、所述第一显示颜色及所述第二显示颜色对所述页面进行渲染。
90.在确定第一显示颜色、第二显示颜色之后，可以对页面进行渲染。具体而言，使用所述第一显示颜色覆盖所述目标框，并使用所述目标翻译文本替换所述目标框中的文本行，同时，使用所述第二显示颜色显示所述目标翻译文本。即，渲染后的页面中，目标框中的文本行则显示为目标翻译文本，目标框使用第一显示颜色进行显示，目标翻译文本使用第二显示颜色进行显示。
91.在一个可选的实施方式中，所述方法还包括：
92.计算所述目标框的宽度；
93.计算所述目标框中所述文本行的字符的数量；
94.根据所述宽度及所述数量确定所述字符的大小；
95.根据所述目标翻译文本对应的目标字体及所述字符的原始字体确定显示差异；
96.根据所述字符的大小及所述显示差异确定所述目标字体的大小；
97.基于所述目标字体的大小显示所述目标翻译文本。
98.其中，目标框的宽度可以根据目标框的坐标位置进行计算得到，例如，获取目标框的四个顶点坐标，将具有相同横坐标的两个顶点的纵坐标进行差值计算，即可得到目标框的宽度。
99.目标字体为根据目标翻译语种确定的，当目标翻译语种为英文时，则目标字体为英文。
100.由于翻译模型并不能返回翻译出来的字符大小，如果将目标翻译文本设置为固定大小的字体，会与文本行有较大的区别。根据文本行所在目标框的宽度和文本行的字符的数量算出字符的大小，再结合目标字体与字符的原始字体的排版差异(即中文12号字体和英文12号字体显示效果并不一样大)，计算出目标字体的大小，最终的结果就是中文和英文字体大小一致。
101.在一个可选的实施方式中，所述方法还包括：
102.获取浏览所述页面的用户的登录信息；
103.当所述登录信息中的字符为第一类型字符时，按照所述第一类型字符对应的计算规则对所述第一类型字符进行计算，得到第一值；
104.当所述登录信息中的字符为第二类型字符时，按照所述第二类型字符对应的计算规则对所述第二类型字符进行计算，得到第二值；
105.根据所述第一值及所述第二值生成颜色图形，并将所述颜色图形嵌入在所述页面中。
106.当侦测到用户登录所述页面时，电子设备可以自动获取用户的登录信息，其中，所述登陆信息可以包括：登录者用户名及登录时间。登录者用户名为由一串字母组成的字符串，登录时间为一串由数字组成的字符串，登录者用户名 登录时间＝登录信息。
107.第一类型字符可以为字母，按照所述第一类型字符对应的计算规则对所述第一类型字符进行计算包括：获取字母字符在字母表中的序数，将所述序数与预设比例因子进行相乘计算得到乘积；将所述乘积作为第一值。
108.第一类型字符可以为数字，按照所述第二类型字符对应的计算规则对所述第二类型字符进行计算包括：将所有的数字字符按照预设的比例划分为三组；将第一组的数字字符作为第一整体，并根据第一整体计算得到第一子值；将第二组的数字字符作为第二整体，并根据第二整体计算得到第二子值；将第三组的数字字符作为第三整体，并根据第三整体计算得到第三子值；将第一子值、第二子值及第三子值按照顺序进行拼接，得到第二值。
109.可以将第一值作为待生成的颜色图形的透明度值，将第二值作为待生成的颜色图形的颜色值(rgb)，从而根据透明度值及rgb生成颜色图形。所述颜色图形可以根据用户的实际需求进行设定，例如，条形码。
110.上述可选的实施方式，通过获取用户的登录信息并根据所述登录信息中的字符确定对应不同类型的字符的计算规则，从而使用计算规则对对应的字符进行计算，得到相应的值，并根据值生成颜色图形，生成的颜色图形嵌入在页面中，以此来保证页面的内容的安全性，便于后续页面中的内容发生泄露时，能够定位出泄露的用户。
111.在一个可选的实施方式中，所述方法还包括：
112.监控所述页面中的内容是否被泄露；
113.当所述页面中的内容被泄露，获取所述页面中的颜色图形；
114.根据所述颜色图形计算得到目标用户信息；
115.根据所述目标用户信息定位泄露所述页面中的内容的目标用户。
116.计算机设备可以定时或者不定时的获取页面中的内容，并以获取的内容为关键词在各大搜索引擎中进行搜索，以判断页面中的内容是否发生泄露。当从搜索引擎中搜索到与获取的内容相同的内容时，则确定页面中的内容被泄露。否则，当未从搜索引擎中搜索到与获取的内容相同的内容时，则确定页面中的内容为被泄露。
117.根据颜色图形反过来计算得到目标用户信息，具体而言，读取所述颜色图形中的透明度值及grb值，将透明度值与预设比例因子进行相除计算得到序数，再将序数映射为字母表中的字母字符，作为登录者用户名；对grb值中的g值、r值、b值分别进行计算，得到第一子值、第二子值及第三子值，再将第一子值、第二子值及第三子值连接起来得到数字字符，作为登录时间。
118.上述可选的实施方式中，通过获取页面中的颜色图形，并根据颜色图形计算得到浏览页面的目标用户信息，不仅能够获取登录者用户名，还能获取登录时间，从而精准的锁定泄露所述页面的目标用户，效率更高。
119.在一个可选的实施方式中，所述根据所述目标用户信息定位泄露所述页面中的内容的目标用户包括：
120.获取所述目标用户信息中的登录时间及登录者用户名；
121.以所述登录时间检索预设登录数据表，得到多个用户名；
122.将所述登录者用户名与所述多个用户名进行匹配，得到目标用户。
123.计算机设备预先存储有登录数据表，用户在登录页面之前，先进行注册，注册通过后登录页面，并将每个用户登录所述页面的登录时间及登录者用户名记录在所述登录数据表中。通过登录时间能够快速的定位出在该时间点或者预设时间范围内的用户名，从而缩小登录者用户名的匹配范围，能够快速的定位出目标用户的身份，从而追索泄露页面的内容的目标用户。
124.实施例二
125.图2是本发明实施例二提供的基于人工智能的页面渲染装置的结构图。
126.在一些实施例中，所述基于人工智能的页面渲染装置20可以包括多个由计算机程序段所组成的功能模块。所述基于人工智能的页面渲染装置20中的各个程序段的计算机程序可以存储于电子设备的存储器中，并由至少一个处理器所执行，以执行(详见图1描述)基于人工智能的页面渲染的功能。
127.本实施例中，所述基于人工智能的页面渲染装置20根据其所执行的功能，可以被划分为多个功能模块。所述功能模块可以包括：文本翻译模块201、文本检测模块202、第一显示模块203、第二显示模块204、页面渲染模块205、第三显示模块206、颜色嵌入模块207及目标定位模块208。本发明所称的模块是指一种能够被至少一个处理器所执行并且能够完成固定功能的一系列计算机程序段，其存储在存储器中。在本实施例中，关于各模块的功能将在后续的实施例中详述。
128.所述文本翻译模块201，用于响应于页面的翻译指令，获取所述页面中的文本行，并基于所述翻译指令对所述文本行进行翻译，得到所述文本行的目标翻译文本。
129.其中，翻译指令由浏览页面的用户触发，例如，通过触摸或者点击页面上的翻译按钮进行触发。
130.所述页面可以指数字医疗平台中的页面，所述页面中可以包括图片，所述图片中包括文本行。通过触发翻译指令，对页面中的文本行进行翻译，得到目标翻译文本。
131.在一种可能的实现方式中，所述文本行可以为医疗文本，所述医疗文本可以是医疗电子记录(electronic healthcare record)，电子化的个人健康记录，包括病历、心电图、医学影像等一系列具备保存备查价值的电子化记录。
132.在一个可选的实施方式中，所述文本翻译模块201基于所述翻译指令对所述文本行进行翻译，得到所述文本行的目标翻译文本包括：
133.获取所述翻译指令中携带的目标翻译语种；
134.根据所述文本行确定领域类别及确定所述领域类别的多个邻近领域；
135.调用所述领域类别对应的翻译模型及每个所述邻近领域的翻译模型基于所述目标翻译语种对所述文本行进行翻译，得到多个候选翻译文本；
136.根据所述多个候选翻译文本确定所述目标翻译文本。
137.该可选的实施方式中，浏览页面的用户在触摸或者点击页面上的翻译按钮之后，页面上还可以显示文本输入框，以供用户输入目标翻译语种，所述页面上还可以显示列表选项，以供用户在列表选项中的多个翻译语种中选择一个翻译语种作为目标翻译语种。在用户输入目标翻译语种或者选定目标翻译语种之后，触发翻译指令，触发的翻译指令中携带有目标翻译语种。
138.在对文本行进行翻译之前，可以先使用预先训练完成的领域分类器对文本行进行分类，得到领域类别，并根据存储器中预先存储的领域类别关联表匹配出与领域类别关联的其他领域类别，将其他领域类别作为领域类别的邻近领域。示例性的，假设根据所述文本行确定的领域类别为数字医疗领域，则多个邻近领域可以为智慧问诊领域，医疗管理领域等。
139.其中，多个翻译模型之间的参数共享，由于参数共享，能够减少翻译模型的参数的数据量，从而能够缩小翻译模型的大小，进而能够快速的对文本行进行翻译，提高了翻译的效率。
140.在调用所述领域类别对应的翻译模型及每个所述邻近领域的翻译模型基于所述目标翻译语种对所述文本行进行翻译，得到多个候选翻译文本之后，可以获取每个候选翻译文本的翻译质量，并根据翻译质量进行从大到小排序，将排序在第一的翻译质量对应的候选翻译文本确定为目标翻译文本；或者，根据翻译质量进行从小到大排序，将排序在最后一个的翻译质量对应的候选翻译文本确定为目标翻译文本。
141.由于调用领域分类器对文本行进行分类，得到的领域类别仅仅是一个概率上的类别，其在一定程度上还存在误分类的可能，因而通过获取领域类别的多个邻近领域，使用分类得到的领域类别及邻近领域对应的翻译模型分别基于目标翻译语种对文本行进行翻译，并确定翻译质量最高的翻译文本作为文本行的目标翻译文本，如此能够提高文本行的翻译质量。
142.所述文本检测模块202，用于检测所述文本行在所述页面中的目标框。
143.可以调用文本检测模型检测所述文本行在所述页面中的目标框，文本检测模型可以包括，但不限于：可微二值化(differentiable binarization，db)模型。
144.文本检测模型不仅可以检测出页面中的文本行，还可以以目标框的形式框出所检测到的文本行。
145.所述第一显示模块203，用于获取所述目标框对应的多个像素信息，并根据所述多个像素信息确定所述目标框的第一显示颜色。
146.本实施方式，可以获取文本检测模型检测的目标框的坐标，根据所述坐标确定目标框对应的像素信息，从而根据像素信息确定后续覆盖目标框的颜色。
147.在一个可选的实施方式中，所述第一显示模块203根据所述像素信息确定所述目标框的第一显示颜色包括：
148.将所述多个像素信息进行分组；
149.计算每组中的像素信息的数量；
150.将数量最多的一组的像素信息确定为所述目标框的第一显示颜色。
151.上述可选的实施方式中，由于不同的文本行对应不同位置的目标框，不同位置的目标框对应的像素信息不同，基于像素信息进行分组后，不同组的像素的数量不同，根据数量最多的一组的像素信息确定目标框的第一显示颜色，并以第一显示颜色覆盖目标框，从而实现了对目标框的动态颜色覆盖。
152.所述第二显示模块204，用于根据所述第一显示颜色确定所述目标翻译文本的第二显示颜色。
153.使用第一显示颜色覆盖目标框之后，会对目标框中的文本行进行覆盖，导致目标框中的目标翻译文本无法清楚的显示，此时，需要根据目标框的第一显示颜色调整所述目标框中目标翻译文本的显示颜色。
154.具体的，可以获取与所述第一显示颜色具有高对比度的目标颜色，使用所述目标颜色作为目标翻译文本的显示颜色，如此，目标翻译文本的第二显示颜色与目标框的第一显示颜色会形成较大的反差，从而使得目标翻译文本具有较高的辨识度，能够供用户清楚的查阅显示目标翻译文本。
155.示例性的，假设目标框的第一显示颜色为深色时，则目标翻译文本的第二显示颜色为白色。又如，目标框的第一显示颜色为浅色时，则目标翻译文本的第二显示颜色为黑色。
156.所述页面渲染模块205，用于根据所述目标翻译文本、所述第一显示颜色及所述第二显示颜色对所述页面进行渲染。
157.在确定第一显示颜色、第二显示颜色之后，可以对页面进行渲染。具体而言，使用所述第一显示颜色覆盖所述目标框，并使用所述目标翻译文本替换所述目标框中的文本行，同时，使用所述第二显示颜色显示所述目标翻译文本。即，渲染后的页面中，目标框中的文本行则显示为目标翻译文本，目标框使用第一显示颜色进行显示，目标翻译文本使用第二显示颜色进行显示。
158.在一个可选的实施方式中，所述第三显示模块206，用于：
159.计算所述目标框的宽度；
160.计算所述目标框中所述文本行的字符的数量；
161.根据所述宽度及所述数量确定所述字符的大小；
162.根据所述目标翻译文本对应的目标字体及所述字符的原始字体确定显示差异；
163.根据所述字符的大小及所述显示差异确定所述目标字体的大小；
164.基于所述目标字体的大小显示所述目标翻译文本。
165.其中，目标框的宽度可以根据目标框的坐标位置进行计算得到，例如，获取目标框的四个顶点坐标，将具有相同横坐标的两个顶点的纵坐标进行差值计算，即可得到目标框的宽度。
166.目标字体为根据目标翻译语种确定的，当目标翻译语种为英文时，则目标字体为英文。
167.由于翻译模型并不能返回翻译出来的字符大小，如果将目标翻译文本设置为固定大小的字体，会与文本行有较大的区别。根据文本行所在目标框的宽度和文本行的字符的数量算出字符的大小，再结合目标字体与字符的原始字体的排版差异(即中文12号字体和英文12号字体显示效果并不一样大)，计算出目标字体的大小，最终的结果就是中文和英文字体大小一致。
168.在一个可选的实施方式中，所述颜色嵌入模块207，用于：
169.获取浏览所述页面的用户的登录信息；
170.当所述登录信息中的字符为第一类型字符时，按照所述第一类型字符对应的计算规则对所述第一类型字符进行计算，得到第一值；
171.当所述登录信息中的字符为第二类型字符时，按照所述第二类型字符对应的计算规则对所述第二类型字符进行计算，得到第二值；
172.根据所述第一值及所述第二值生成颜色图形，并将所述颜色图形嵌入在所述页面中。
173.当侦测到用户登录所述页面时，电子设备可以自动获取用户的登录信息，其中，所述登陆信息可以包括：登录者用户名及登录时间。登录者用户名为由一串字母组成的字符串，登录时间为一串由数字组成的字符串，登录者用户名 登录时间＝登录信息。
174.第一类型字符可以为字母，按照所述第一类型字符对应的计算规则对所述第一类型字符进行计算包括：获取字母字符在字母表中的序数，将所述序数与预设比例因子进行相乘计算得到乘积；将所述乘积作为第一值。
175.第一类型字符可以为数字，按照所述第二类型字符对应的计算规则对所述第二类型字符进行计算包括：将所有的数字字符按照预设的比例划分为三组；将第一组的数字字符作为第一整体，并根据第一整体计算得到第一子值；将第二组的数字字符作为第二整体，并根据第二整体计算得到第二子值；将第三组的数字字符作为第三整体，并根据第三整体计算得到第三子值；将第一子值、第二子值及第三子值按照顺序进行拼接，得到第二值。
176.可以将第一值作为待生成的颜色图形的透明度值，将第二值作为待生成的颜色图形的颜色值(rgb)，从而根据透明度值及rgb生成颜色图形。所述颜色图形可以根据用户的实际需求进行设定，例如，条形码。
177.上述可选的实施方式，通过获取用户的登录信息并根据所述登录信息中的字符确定对应不同类型的字符的计算规则，从而使用计算规则对对应的字符进行计算，得到相应
的值，并根据值生成颜色图形，生成的颜色图形嵌入在页面中，以此来保证页面的内容的安全性，便于后续页面中的内容发生泄露时，能够定位出泄露的用户。
178.在一个可选的实施方式中，所述目标定位模块208，用于：
179.监控所述页面中的内容是否被泄露；
180.当所述页面中的内容被泄露，获取所述页面中的颜色图形；
181.根据所述颜色图形计算得到目标用户信息；
182.根据所述目标用户信息定位泄露所述页面中的内容的目标用户。
183.计算机设备可以定时或者不定时的获取页面中的内容，并以获取的内容为关键词在各大搜索引擎中进行搜索，以判断页面中的内容是否发生泄露。当从搜索引擎中搜索到与获取的内容相同的内容时，则确定页面中的内容被泄露。否则，当未从搜索引擎中搜索到与获取的内容相同的内容时，则确定页面中的内容为被泄露。
184.根据颜色图形反过来计算得到目标用户信息，具体而言，读取所述颜色图形中的透明度值及grb值，将透明度值与预设比例因子进行相除计算得到序数，再将序数映射为字母表中的字母字符，作为登录者用户名；对grb值中的g值、r值、b值分别进行计算，得到第一子值、第二子值及第三子值，再将第一子值、第二子值及第三子值连接起来得到数字字符，作为登录时间。
185.上述可选的实施方式中，通过获取页面中的颜色图形，并根据颜色图形计算得到浏览页面的目标用户信息，不仅能够获取登录者用户名，还能获取登录时间，从而精准的锁定泄露所述页面的目标用户，效率更高。
186.在一个可选的实施方式中，所述根据所述目标用户信息定位泄露所述页面中的内容的目标用户包括：
187.获取所述目标用户信息中的登录时间及登录者用户名；
188.以所述登录时间检索预设登录数据表，得到多个用户名；
189.将所述登录者用户名与所述多个用户名进行匹配，得到目标用户。
190.计算机设备预先存储有登录数据表，用户在登录页面之前，先进行注册，注册通过后登录页面，并将每个用户登录所述页面的登录时间及登录者用户名记录在所述登录数据表中。通过登录时间能够快速的定位出在该时间点或者预设时间范围内的用户名，从而缩小登录者用户名的匹配范围，能够快速的定位出目标用户的身份，从而追索泄露页面的内容的目标用户。
191.实施例三
192.本实施例提供一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该计算机程序被处理器执行时实现上述基于人工智能的页面渲染方法实施例中的步骤，例如图1所示的s11
‑
s15：
193.s11，响应于页面的翻译指令，获取所述页面中的文本行，并基于所述翻译指令对所述文本行进行翻译，得到所述文本行的目标翻译文本；
194.s12，检测所述文本行在所述页面中的目标框；
195.s13，获取所述目标框对应的多个像素信息，并根据所述多个像素信息确定所述目标框的第一显示颜色；
196.s14，根据所述第一显示颜色确定所述目标翻译文本的第二显示颜色；
197.s15，根据所述目标翻译文本、所述第一显示颜色及所述第二显示颜色对所述页面进行渲染。
198.或者，该计算机程序被处理器执行时实现上述装置实施例中各模块/单元的功能，例如图2中的模块201
‑
208，各模块的具体功能请参见图2及其相关描述。
199.实施例四
200.参阅图3所示，为本发明实施例三提供的电子设备的结构示意图。在本发明较佳实施例中，所述电子设备3包括存储器31、至少一个处理器32、至少一条通信总线33及收发器34。
201.本领域技术人员应该了解，图3示出的电子设备的结构并不构成本发明实施例的限定，既可以是总线型结构，也可以是星形结构，所述电子设备3还可以包括比图示更多或更少的其他硬件或者软件，或者不同的部件布置。
202.在一些实施例中，所述电子设备3是一种能够按照事先设定或存储的指令，自动进行数值计算和/或信息处理的设备，其硬件包括但不限于微处理器、专用集成电路、可编程门阵列、数字处理器及嵌入式设备等。所述电子设备3还可包括客户设备，所述客户设备包括但不限于任何一种可与客户通过键盘、鼠标、遥控器、触摸板或声控设备等方式进行人机交互的电子产品，例如，个人计算机、平板电脑、智能手机、数码相机等。
203.需要说明的是，所述电子设备3仅为举例，其他现有的或今后可能出现的电子产品如可适应于本发明，也应包含在本发明的保护范围以内，并以引用方式包含于此。
204.在一些实施例中，所述存储器31中存储有计算机程序，所述计算机程序被所述至少一个处理器32执行时实现如所述的基于人工智能的页面渲染方法中的全部或者部分步骤。所述存储器31包括只读存储器(read
‑
only memory，rom)、可编程只读存储器(programmable read
‑
only memory，prom)、可擦除可编程只读存储器(erasable programmable read
‑
only memory，eprom)、一次可编程只读存储器(one
‑
time programmable read
‑
only memory，otprom)、电子擦除式可复写只读存储器(electrically
‑
erasable programmable read
‑
only memory，eeprom)、只读光盘(compact disc read
‑
only memory，cd
‑
rom)或其他光盘存储器、磁盘存储器、磁带存储器、或者能够用于携带或存储数据的计算机可读的任何其他介质。
205.进一步地，所述计算机可读存储介质可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序等；存储数据区可存储根据区块链节点的使用所创建的数据等。
206.本发明所指区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(blockchain)，本质上是一个去中心化的数据库，是一串使用密码学方法相关联产生的数据块，每一个数据块中包含了一批次网络交易的信息，用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。
207.在一些实施例中，所述至少一个处理器32是所述电子设备3的控制核心(control unit)，利用各种接口和线路连接整个电子设备3的各个部件，通过运行或执行存储在所述存储器31内的程序或者模块，以及调用存储在所述存储器31内的数据，以执行电子设备3的各种功能和处理数据。例如，所述至少一个处理器32执行所述存储器中存储的计算机程序
时实现本发明实施例中所述的基于人工智能的页面渲染方法的全部或者部分步骤；或者实现基于人工智能的页面渲染装置的全部或者部分功能。所述至少一个处理器32可以由集成电路组成，例如可以由单个封装的集成电路所组成，也可以是由多个相同功能或不同功能封装的集成电路所组成，包括一个或者多个中央处理器(central processing unit，cpu)、微处理器、数字处理芯片、图形处理器及各种控制芯片的组合等。
208.在一些实施例中，所述至少一条通信总线33被设置为实现所述存储器31以及所述至少一个处理器32等之间的连接通信。
209.尽管未示出，所述电子设备3还可以包括给各个部件供电的电源(比如电池)，优选的，电源可以通过电源管理装置与所述至少一个处理器32逻辑相连，从而通过电源管理装置实现管理充电、放电、以及功耗管理等功能。电源还可以包括一个或一个以上的直流或交流电源、再充电装置、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。所述电子设备3还可以包括多种传感器、蓝牙模块、wi
‑
fi模块等，在此不再赘述。
210.上述以软件功能模块的形式实现的集成的单元，可以存储在一个计算机可读取存储介质中。上述软件功能模块存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，电子设备，或者网络设备等)或处理器(processor)执行本发明各个实施例所述方法的部分。
211.在本发明所提供的几个实施例中，应该理解到，所揭露的装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述模块的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式。
212.所述作为分离部件说明的模块可以是或者也可以不是物理上分开的，作为模块显示的部件可以是或者也可以不是物理单元，既可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。
213.另外，在本发明各个实施例中的各功能模块可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能模块的形式实现。
214.对于本领域技术人员而言，显然本发明不限于上述示范性实施例的细节，而且在不背离本发明的精神或基本特征的情况下，能够以其他的具体形式实现本发明。因此，无论从哪一点来看，均应将实施例看作是示范性的，而且是非限制性的，本发明的范围由所附权利要求而不是上述说明限定，因此旨在将落在权利要求的等同要件的含义和范围内的所有变化涵括在本发明内。不应将权利要求中的任何附图标记视为限制所涉及的权利要求。此外，显然“包括”一词不排除其他单元或，单数不排除复数。说明书中陈述的多个单元或装置也可以由一个单元或装置通过软件或者硬件来实现。第一，第二等词语用来表示名称，而并不表示任何特定的顺序。
215.最后应说明的是，以上实施例仅用以说明本发明的技术方案而非限制，尽管参照较佳实施例对本发明进行了详细说明，本领域的普通技术人员应当理解，可以对本发明的技术方案进行修改或等同替换，而不脱离本发明技术方案的精神和范围。