图文排版方法、装置、设备和存储介质制造方法及图纸

技术编号:38920075 阅读:7 留言:0更新日期:2023-09-25 09:31
本公开的实施例提供了图文排版方法、装置、设备和存储介质。该方法包括:确定电子出版物中包含文本和至少一个图像的目标区域;基于文本的字体基线的位置,确定文本在字体基线以上的第一高度和在字体基线以下的第二高度,文本的文本单元对齐到字体基线;以及基于第一高度和第二高度的相对占比来将至少一个图像对齐到字体基线。由此,可以便捷地对待显示的图像和文字进行自动排版调整,提升视觉效果以更好地展示电子出版物内图像的内容,进而能够提高用户的阅读体验。高用户的阅读体验。高用户的阅读体验。

【技术实现步骤摘要】
图文排版方法、装置、设备和存储介质


[0001]本公开的示例实施例总体涉及计算机领域,特别地涉及图文排版方法、装置、设备和计算机可读存储介质。

技术介绍

[0002]随着数字化技术的发展,越来越多的应用和网站均能够用于呈现电子出版物,也称为电子书籍。在电子出版物中,界面排版是影响显示效果、阅读效果的重要因素。尤其对于数据阅读类的应用或网站来说,界面排版的好坏会严重影响用户的阅读体验。期望能够简单便捷地对待显示的图像和文字进行排版,提高用户的阅读体验。

技术实现思路

[0003]在本公开的第一方面,提供了一种图文排版方法。该方法包括:确定电子出版物中包含文本和至少一个图像的目标区域;基于文本的字体基线的位置,确定文本在字体基线以上的第一高度和在字体基线以下的第二高度,文本的文本单元对齐到字体基线;以及基于第一高度和第二高度的相对占比来将至少一个图像对齐到字体基线。
[0004]在本公开的第二方面,提供了一种用于图文排版的装置。该装置包括:目标区域确定模块,被配置为确定电子出版物中包含文本和至少一个图像的目标区域;高度确定模块,被配置为基于文本的字体基线的位置,确定文本在字体基线以上的第一高度和在字体基线以下的第二高度,文本的文本单元对齐到字体基线;以及图像对齐模块,被配置为基于第一高度和第二高度的相对占比来将至少一个图像对齐到字体基线。
[0005]在本公开的第三方面,提供了一种电子设备。该设备包括至少一个处理单元;以及至少一个存储器,至少一个存储器被耦合到至少一个处理单元并且存储用于由至少一个处理单元执行的指令。指令在由至少一个处理单元执行时使电子设备执行第一方面的方法。
[0006]在本公开的第四方面,提供了一种计算机可读存储介质。介质上存储有计算机程序,计算机程序被处理器执行时实现第一方面的方法。
[0007]应当理解,该部分中所描述的内容并非旨在限定本公开的实施例的关键特征或重要特征,也不用于限制本公开的范围。本公开的其它特征将通过以下的描述而变得容易理解。
附图说明
[0008]结合附图并参考以下详细说明,本公开各实施例的上述和其他特征、优点及方面将变得更加明显。在附图中,相同或相似的附图标记表示相同或相似的元素,其中:
[0009]图1示出了本公开的实施例能够在其中实现的示例环境的示意图;
[0010]图2示出了根据本公开的一些实施例的图文排版的过程的流程图;
[0011]图3示出了示例电子出版物中某个段落对应的结构文件的示意图;
[0012]图4A示出了电子出版物的界面的示意图;
[0013]图4B示出了将数学公式以图像形式嵌入并呈现的示例界面;
[0014]图4C示出了根据本公开的一些实施例的基于字体基线调整图像对齐位置的示意图;
[0015]图5示出了根据本公开的一些实施例的调整图像尺寸的过程的流程图;
[0016]图6A至图6D示出了根据本公开的一些实施例的调整图像尺寸的示意图;
[0017]图7示出了根据本公开的一些实施例的图文排版的装置的示意性结构框图;以及
[0018]图8示出了能够实施本公开的多个实施例的电子设备的框图。
具体实施方式
[0019]下面将参照附图更详细地描述本公开的实施例。虽然附图中示出了本公开的某些实施例,然而应当理解的是,本公开可以通过各种形式来实现,而且不应该被解释为限于这里阐述的实施例,相反,提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是,本公开的附图及实施例仅用于示例性作用,并非用于限制本公开的保护范围。
[0020]在本公开的实施例的描述中,术语“包括”及其类似用语应当理解为开放性包含,即“包括但不限于”。术语“基于”应当理解为“至少部分地基于”。术语“一个实施例”或“该实施例”应当理解为“至少一个实施例”。术语“一些实施例”应当理解为“至少一些实施例”。下文还可能包括其他明确的和隐含的定义。
[0021]在本文中,除非明确说明,“响应于A”执行一个步骤并不意味着在“A”之后立即执行该步骤,而是可以包括一个或多个中间步骤。
[0022]可以理解的是,本技术方案所涉及的数据(包括但不限于数据本身、数据的获取或使用)应当遵循相应法律法规及相关规定的要求。
[0023]可以理解的是,在使用本公开各实施例公开的技术方案之前,均应当根据相关法律法规通过适当的方式对本公开所涉及个人信息的类型、使用范围、使用场景等告知用户并获得用户的授权。
[0024]例如,在响应于接收到用户的主动请求时,向用户发送提示信息,以明确地提示用户,其请求执行的操作将需要获取和使用到用户的个人信息。从而,使得用户可以根据提示信息来自主地选择是否向执行本公开技术方案的操作的电子设备、应用程序、服务器或存储介质等软件或硬件提供个人信息。
[0025]作为一种可选的但非限制性的实施例,响应于接收到用户的主动请求,向用户发送提示信息的方式,例如可以是弹出窗口的方式,弹出窗口中可以以文字的方式呈现提示信息。此外,弹出窗口中还可以承载供用户选择“同意”或“不同意”向电子设备提供个人信息的选择控件。
[0026]可以理解的是,上述通知和获取用户授权过程仅是示意性的,不对本公开的实施例构成限定,其他满足相关法律法规的方式也可应用于本公开的实施例中。
[0027]如前文所简要提及的,界面排版是影响电子出版物的显示和阅读效果的重要因素。传统上,在电子出版物的排版中,一些特殊字(例如生僻字)、特殊字符(例如微积分等数学运算符)或者是公式(例如数学公式)等会以图像的形式被插入界面中,以与其他文本一同显示。例如,对于文章中的生僻字,可以直接将其以图像的形式和其他文本一同显示在文章对应的界面中。阅读者看到的效果将是一段文字,其中嵌有若干图像。由于图像的尺寸是
固定的,且可能与文本的尺寸不一致,阅读者看到的将是包含忽大忽小文字的界面,这会影响用户的阅读体验。
[0028]本公开的实施例提出了一种图文排版方案。根据该方案,将电子出版物中包含文本和至少一个图像的区域确定为目标区域。对于目标区域中的图像,基于文本的字体基线的位置调整图像对于文本的对齐位置。以此方式,可以便捷地对待显示的图像和文字进行自动排版调整,提升视觉效果以更好地展示电子出版物内图像的内容,进而能够提高用户的阅读体验。
[0029]图1示出了本公开的实施例能够在其中实现的示例环境100的示意图。在该示例环境100中,电子设备110中安装有应用120。用户140可以经由电子设备110和/或其附接设备来与应用120进行交互。应用120可以是社交类应用、阅读类应用、内容分享类应用等等,也可以是其他任意适当的应用。
[0030]在图1的环境100中,如果应用120处于活动状态,电子设备110可以呈现应用120的界面150。界面150可以包括应用120所能提供的各类界面,诸如电子出版物的内容界面。例如,电子书阅读类应用可以显示包含电子出版物的本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种图文排版方法,包括:确定电子出版物中包含文本和至少一个图像的目标区域;基于所述文本的字体基线的位置,确定所述文本在所述字体基线以上的第一高度和在所述字体基线以下的第二高度,所述文本的文本单元对齐到所述字体基线;以及基于所述第一高度和所述第二高度的相对占比来将所述至少一个图像对齐到所述字体基线。2.根据权利要求1所述的方法,其中将所述至少一个图像对齐到所述字体基线包括:确定所述第一高度相对于所述第一高度和所述第二高度的高度之和的第一占比;确定所述第二高度相对于所述高度之和的第二占比;对于所述至少一个图像中的每个图像,基于该图像的高度和所述第一占比,确定该图像中被分配到所述字体基线以上的部分;以及基于该图像的高度和所述第二占比,确定该图像中被分配到所述字体基线以下的部分。3.根据权利要求1所述的方法,还包括:基于所述目标区域包含的图像数目和所述文本的总高度,调整所述目标区域中所述至少一个图像的尺寸。4.根据权利要求3所述的方法,其中调整所述目标区域中所述至少一个图像的尺寸包括:如果所述目标区域包含的图像数目满足第一数目要求,确定所述至少一个图像各自的宽高比是处于第一宽高比区间或是第二宽高比区间;以及如果所述至少一个图像中的第一图像的宽高比处于所述第一宽高比区间,将所述第一图像的高度调整为所述文本的总高度,以及基于所述第一图像的调整后的高度,将所述第一图像的宽度进行等比例缩放。5.根据权利要求4所述的方法,还包括:如果所述至少一个图像中的第二图像的宽高比处于所述第二宽高比区间,将所述第二图像的高度调整为所述文本的总高度的预定倍数,所述预定倍数大于1,以及基于所述第二图像的调整后的高度,将所述第二图像的宽度进行等比例缩放。6.根据权利要求5所述的方法,其中所述预定倍数是1.5倍。7.根据权利要求4所述...

【专利技术属性】
技术研发人员:谢伟健
申请(专利权)人:北京字跳网络技术有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1