[发明专利]图文混排实现方法及装置有效

专利信息
申请号: 201710515433.4 申请日: 2017-06-29
公开(公告)号: CN107230241B 公开(公告)日: 2021-01-01
发明(设计)人: 霍启圣;张文明;陈少杰 申请(专利权)人: 武汉斗鱼网络科技有限公司
主分类号: G06T11/60 分类号: G06T11/60
代理公司: 北京超凡志成知识产权代理事务所(普通合伙) 11371 代理人: 苏胜
地址: 430000 湖北省武汉市东湖开*** 国省代码: 湖北;42
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 图文 实现 方法 装置
【权利要求书】:

1.一种图文混排实现方法,应用于电子设备,其特征在于,所述方法包括:

创建相互独立的图片元素和文本元素;

通过所述图片元素中赋值的图片地址获取图片;

通过文本元素赋值文本内容以获取文本;

获取所述图片和所述文本的高度,其中,通过getIntrinsicWidth()与getIntrinsicHeight()方法获取并存储加载图片的宽度和高度;

若将要绘制于所述电子设备的画布上的所述图片或所述文本的高度小于所述图片和所述文本的当前行的行高,则将所述画布移动预设距离以便于所述图片或所述文本处于当前行垂直方向上的居中位置;

当所述图片和所述文本所占用的总宽度超过所述电子设备的屏幕宽度,则换行,以便于显示于所述电子设备的屏幕供用户查看。

2.如权利要求1所述的图文混排实现方法,其特征在于,所述图片和所述文本的当前行的行高的测量方式为:

记录绘制于所述画布上的前一个数据的高度,所述数据包括所述图片或所述文本,将绘制于所述画布上的当前数据的高度与所述前一个数据的高度进行比较,若所述当前数据的高度高于所述前一个数据的高度,则所述当前数据的高度作为当前行的行高,若所述当前数据的高度低于或等于所述前一个数据的高度,则所述前一个数据的高度作为当前行的行高。

3.如权利要求1所述的图文混排实现方法,其特征在于,所述当所述图片和所述文本所占用的宽度超过所述电子设备的屏幕宽度,则换行的步骤包括:

获取所述图片和所述文本的个体宽度,根据所述图片和所述文本的个体宽度计算所述图片和所述图片和所述文本在当前行实际占用的宽度;

根据所述图片和所述文本在当前行实际占用的宽度计算剩余屏幕宽度;

获取需要输入的所述文本的总字符;

调用截断函数根据所述总字符的截断位置以及剩余屏幕宽度计算所述剩余屏幕宽度能容纳的剩余的总字符的数量,所述剩余的总字符的数量为所述总字符从所述截断位置开始计数的字符数量;

若所述剩余屏幕宽度实际能容纳的剩余的总字符的数量小于剩余的总字符的数量,则所述图片和所述文本所占用的宽度超过所述电子设备的屏幕宽度。

4.如权利要求3所述的图文混排实现方法,其特征在于,所述方法还包括:

记录所述剩余屏幕宽度实际容纳的剩余的总字符的数量,以及所述总字符的下一个截断位置,所述下一个截断位置为所述剩余的总字符的数量由所述剩余屏幕宽度容纳后余下总字符数量开始计算的位置;

记录当前行的所述图片和所述文本实际占用的宽度。

5.一种图文混排实现装置,应用于电子设备,其特征在于,所述装置包括:

创建模块,用于创建独立的图片元素和文本元素;

第一获取模块,用于通过所述图片元素中赋值的图片地址获取图片;

第二获取模块,用于通过文本元素赋值文本内容以获取文本;

绘制模块,用于获取所述图片和所述文本的高度,其中,通过getIntrinsicWidth()与getIntrinsicHeight()方法获取并存储加载图片的宽度和高度,若将要绘制于所述电子设备的画布上的所述图片或所述文本的高度小于所述图片和所述文本的当前行的行高,则将所述画布移动预设距离以便于所述图片或所述文本处于当前行垂直方向上的居中位置;

换行模块,用于当所述图片和所述文本所占用的总宽度超过所述电子设备的屏幕宽度,则换行,以便于显示于所述电子设备的屏幕供用户查看。

6.如权利要求5所述的图文混排实现装置,其特征在于,所述图片和所述文本的当前行的行高的测量方式为:

记录绘制于所述画布上的前一个数据的高度,所述数据包括所述图片或所述文本,将绘制于所述画布上的当前数据的高度与所述前一个数据的高度进行比较,若所述当前数据的高度高于所述前一个数据的高度,则所述当前数据的高度作为当前行的行高,若所述当前数据的高度低于或等于所述前一个数据的高度,则所述前一个数据的高度作为当前行的行高。

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于武汉斗鱼网络科技有限公司,未经武汉斗鱼网络科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/201710515433.4/1.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top