[发明专利]一种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为文本编辑区的横坐标最大值;
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于重庆市科学技术研究院,未经重庆市科学技术研究院许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201410162656.3/2.html,转载请声明来源钻瓜专利网。
- 上一篇:培育一种高硒锗防癌大蒜油的营养基肥
- 下一篇:一种数据联动展示装置及展示方法