[发明专利]参考线处理方法及装置有效

专利信息
申请号: 202010357127.4 申请日: 2020-04-29
公开(公告)号: CN111563214B 公开(公告)日: 2023-05-16
发明(设计)人: 张博 申请(专利权)人: 北京字节跳动网络技术有限公司
主分类号: G06F16/957 分类号: G06F16/957;G06F16/958;G06F8/33;G06F8/38
代理公司: 北京风雅颂专利代理有限公司 11403 代理人: 车英慧
地址: 100041 北京市石景山区*** 国省代码: 北京;11
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 参考 处理 方法 装置
【说明书】:

本公开公开了一种参考线处理方法、装置、电子设备和计算机可读存储介质。其中方法包括:根据网页编辑器中当前编辑页面中的第一网页元素的位置变化,获取位于当前编辑页面中的至少一个第二网页元素作为参考网页元素;根据第一网页元素生成第一外接矩形,并根据参考网页元素生成第二外接矩形;根据第一外接矩形确定第一点,并根据参考网页元素确定第二点;根据第一点和第二点确定参考线,参考线为线段。本公开实施例通过外接矩形中的点确定参考线为线段,不仅可以避免编辑页面中页面元素较多时对应的参考线混乱,而且无需考虑外接矩形和外接矩形之间的关系。

技术领域

本公开涉及浏览器技术领域,特别是涉及一种参考线处理方法、装置和计算机可读存储介质。

背景技术

网页是构成网站的基本元素,是承载各种网站应用的平台。具体的,网页是一个包含超文本标记语言(Hyper Text Markup Language,HTML)标签的纯文本文件。其中,文字与图片是构成一个网页的两个最基本的元素,此外,网页的元素还包括音频、视频、动画、程序。

在现有技术中,往往通过HTML编辑器编辑制作网页,例如,使用HTML编辑器在网页中添加上述各种元素。而在通过HTML编辑器添加元素时,通常需要使用参考线来辅助元素的定位或对齐。

但是,在现有技术中,通过HTML编辑器绘制的参考线通常为一个没有边界的直线,当页面元素较多时,对应的参考线也比较多,这种情况下会使编辑页面比较混乱。

发明内容

提供该发明内容部分以便以简要的形式介绍构思,这些构思将在后面的具体实施方式部分被详细描述。该发明内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征,也不旨在用于限制所要求的保护的技术方案的范围。

本公开解决的技术问题是提供一种参考线处理方法,以至少部分地解决现有技术中页面元素较多时对应的参考线也比较多,会使编辑页面比较混乱的技术问题。此外,还提供一种参考线处理装置、参考线处理硬件装置、计算机可读存储介质和参考线处理终端。

为了实现上述目的,根据本公开的一个方面,提供以下技术方案:

一种参考线处理方法,包括:

根据网页编辑器中当前编辑页面中的第一网页元素的位置变化,获取位于所述当前编辑页面中的至少一个第二网页元素作为参考网页元素;

根据所述第一网页元素生成第一外接矩形,并根据所述参考网页元素生成第二外接矩形;

根据所述第一外接矩形确定第一点,并根据所述第二外接矩形确定第二点;

根据所述第一点和所述第二点确定参考线;其中所述参考线为线段。

为了实现上述目的,根据本公开的一个方面,提供以下技术方案:

一种参考线处理装置,包括:

网页元素获取模块,用于根据网页编辑器中当前编辑页面中的第一网页元素的位置变化,获取位于所述当前编辑页面中的至少一个第二网页元素作为参考网页元素;

外接矩形生成模块,用于根据所述第一网页元素生成第一外接矩形,并根据所述参考网页元素生成第二外接矩形;

点确定模块,用于根据所述第一外接矩形确定第一点,并根据所述第二外接矩形确定第二点;

参考线确定模块,用于根据所述第一点和所述第二点确定参考线;其中所述参考线为线段。

为了实现上述目的,根据本公开的一个方面,提供以下技术方案:

一种电子设备,包括:

存储器,用于存储非暂时性计算机可读指令;以及

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

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

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

×

专利文献下载

说明:

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

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

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

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

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

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

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

钻瓜专利网在线咨询

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

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