[发明专利]一种HTML文件图文混排显示方法有效

专利信息
申请号: 201410162656.3 申请日: 2014-04-22
公开(公告)号: CN103942314B 公开(公告)日: 2018-01-02
发明(设计)人: 王燕霞;韩鹏;侯锋;任小龙;段建雷 申请(专利权)人: 重庆市科学技术研究院
主分类号: G06F17/30 分类号: G06F17/30
代理公司: 重庆市前沿专利事务所(普通合伙)50211 代理人: 郭云
地址: 401123 重庆*** 国省代码: 重庆;85
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 一种 html 文件 图文 显示 方法
【说明书】:

技术领域

发明涉及HMTL文件制作和展示领域,具体涉及一种HTML文件图文混排显示方法。

背景技术

HTML(HyperTextMarkuplanguage,超级文本标记语言)文档可独立于操作系统,自1990年以来就被用作WorldWideWeb信息表示语言,也是目前应用最多的文档表示格式之一。在网络多媒体技术和数字出版技术快速发展的过程中,HTML不仅用来编写Web网页,也更多用来编排文档、创建列表、建立连接和插入音频、视频和超链接等多媒体内容,通过互联网采用超文本技术向读者提供图、文、声、像等多媒体信息,成为数字内容展现的重要手段之一。内容显示是否清晰明确、是否可确保原版原式、是否支持任意缩放等指标均直接影响读者的直观阅读体验。但是,图文混排作为一种Word中常见的排版方式,在HTML文件的展示却受到一定的限制,仅仅只能居左或居右混排。如何丰富HTML文档缺少的版式信息,特别是文字内容与多媒体内容的混排效果,并具备良好的平台兼容性,成为最核心的关键技术。

发明内容

为了克服上述现有技术中存在的缺陷,本发明的目的是提供一种HTML文件图文混排显示方法,本发明简单且方便地实现HTML实现图文混排。本发明能够在编辑工具中直接预览图片和文字内容,并且进行布局和大小调整,并且最终生成的HTML文件在浏览器上看到的效果和在编辑时的效果相同,极大地降低了用户直接手动编写HTML实现图文混排的难度。

为了实现本发明的上述目的,本发明提供了一种HTML文件图文混排显示方法,包括如下步骤:

S1,在HTML文件编辑工具内新建画布,将文本组件调入画布,调整组件编辑区域并布局,向文本组件中添加文字内容,并调整文本组件布局;

S2:向画布内添加图片组件,并且把图片保存到临时文件夹中;

S3:拖动图片组件到文本组件上方直至合适位置释放图片组件;

S4:释放图片组件时,捕获到鼠标释放信号,调用文本组件的重绘方法对文本组件进行单个字符操作进行重绘;

S5:确定画布展示内容,将画布内组件展示的全部内容信息转化为HTML格式资源;

S6:在HTML文件中进行文字图片重排操作;

S7:在浏览器中展示步骤S6所得混排HTML文件。

本发明的HTML文件图文混排显示方法能够在编辑工具中直接预览图片和文字内容,并且进行布局和大小调整,并且最终生成的HTML文件在浏览器上看到的效果和在编辑时的效果相同,极大地降低了用户直接手动编写HTML实现图文混排的难度。

在本发明的一种优选实施方式中,所述步骤S1、S2为:

S1,在HTML文件编辑工具内新建画布,向画布内添加图片组件,并且把图片保存到临时文件夹中;

S2:将文本组件调入画布,调整组件编辑区域并布局,向文本组件中添加文字内容,并调整文本组件布局。该方法既可先图片,也可先添加文字,操作灵活。

在本发明的一种优选实施方式中,所述步骤S4具体包括如下步骤:

S41,编辑工具捕捉到鼠标释放事件mouseReleaseEvent(),通过此事件定位图片当前所在的位置;

S42,编辑工具调用文本组件的重绘方法paintEvent(),计算单个字符的大小pixelSize和位置坐标(x,y);

S43,判断每个字符是否在图片所在区域中,其中,以画布的左上角的位置坐标为原点(0,0),向右为x轴正方向,向下为y轴正方向,图片左上角的位置坐标(x,y),图片的宽度为Width,图片的高度为height,具体步骤为:

S431,如果字符的纵坐标位置加上单个字符的高度y1+pixelSize.height大于0且不大于y,或者大于y+height且不大于textField.height,则执行步骤S434,否则执行步骤S432,所述textField.height为文本编辑区的纵坐标最大值;

S432,如果字符的横坐标位置加上单个字符的宽度x1+pixelSize.width大于0且不大于x,或者大于x+Width且不大于textField.width,则执行步骤S434,否则执行步骤S433,所述textField.width为文本编辑区的横坐标最大值;

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

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

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

×

专利文献下载

说明:

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

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

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

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

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

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

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

钻瓜专利网在线咨询

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

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