CN110020315A - 一种网页图片放大处理方法及网页图片放大处理系统 - Google Patents
一种网页图片放大处理方法及网页图片放大处理系统 Download PDFInfo
- Publication number
- CN110020315A CN110020315A CN201711402920.6A CN201711402920A CN110020315A CN 110020315 A CN110020315 A CN 110020315A CN 201711402920 A CN201711402920 A CN 201711402920A CN 110020315 A CN110020315 A CN 110020315A
- Authority
- CN
- China
- Prior art keywords
- picture
- web page
- touch event
- module
- amplification
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000012545 processing Methods 0.000 title claims abstract description 28
- 238000003672 processing method Methods 0.000 title claims abstract description 14
- 230000003321 amplification Effects 0.000 claims abstract description 25
- 238000003199 nucleic acid amplification method Methods 0.000 claims abstract description 25
- 238000012800 visualization Methods 0.000 claims abstract description 18
- 238000005549 size reduction Methods 0.000 claims abstract description 10
- 238000000034 method Methods 0.000 claims description 8
- 238000012986 modification Methods 0.000 claims description 3
- 230000004048 modification Effects 0.000 claims description 3
- 238000004904 shortening Methods 0.000 abstract description 4
- 238000010586 diagram Methods 0.000 description 4
- 238000013461 design Methods 0.000 description 3
- 238000012546 transfer Methods 0.000 description 3
- 230000007812 deficiency Effects 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T3/00—Geometric image transformations in the plane of the image
- G06T3/40—Scaling of whole images or parts thereof, e.g. expanding or contracting
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- Information Transfer Between Computers (AREA)
- Digital Computer Display Output (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种网页图片放大处理方法及网页图片放大处理系统,包括以下步骤:获取网页内容中所有的图片数据及位置,并按顺序进行排序,后台直接将图片进行缓存;获取移动终端的可视化窗口的尺寸大小,按照可视化窗口的大小缩小一定比例预先对已经缓存的图片进行图片放大绘制并按编号顺序储存;获取触摸事件,根据触摸事件获取网页内容中图片的编号;获取对应编号放大后的图片并进行显示。本发明相比现有技术先点击图片然后在放大缩短节省了游览的时间,不用像现在放大那样需要等待,本发明利用后台在获取网页的同时直接对图片先放大,后台直接调取就好。
Description
技术领域
本发明涉及一种计算机技术领域,尤其是一种网页图片放大处理方法及网页图片放大处理系统。
背景技术
目前,通过移动设备来浏览网络上的网页图片信息逐渐成为一种趋势。然而在移动设备中,由于不同设备的DPI(每英寸像素点)不同,导致目标服务器(即提供网页的网络服务器)上的同样尺寸的网页图片在不同设备上肉眼看到的尺寸也不同。这样,在部分高DPI的移动设备(例如,手机)上,所显示的网页图片可能会非常小,因此,在这种情况下,为了使得在该移动设备上显示的网页的页面排版效果更协调、美观,视觉体验、操作体验更好,针对该图片(特别是带链接的小图片)进行一定比例的放大是非常必要的。
但是目前一般只有在图片请求放大的情况下才进行放大的,而且请求放大时,由于需要传输的数据量增大,所需要的网络传输时间会变得更长,从而使得用户在观看网页图片时需要等待更长的时间,由此造成用户体验变差。
发明内容
本发明的目的是为了解决上述现有技术的不足而提供一种网页图片放大处理方法及网页图片放大处理系统。
为了实现上述目的,本发明所设计的一种网页图片放大处理方法,包括以下步骤:
S1、获取网页内容中所有的图片数据及位置,并按顺序进行排序,后台直接将图片进行缓存;
S2、获取移动终端的可视化窗口的尺寸大小,按照可视化窗口的大小缩小一定比例预先对已经缓存的图片进行图片放大绘制并按编号顺序储存;
S3、获取触摸事件,根据触摸事件获取网页内容中图片的编号;
S4、获取对应编号放大后的图片并进行显示。
通过上述结构设计,工作时,获取网页内容的同时预先后台后去该网页中的所有图片信息以及顺序并进行编号,然后后台将该图片进行预下载,下载完成后,后台获取该移动终端的可视化窗口大小,然后根据可视化窗口大小缩小0.8-0.9的范围就是最终每一个图片需要放大的尺寸,并对每一个图片进行后台放大绘制,并安装原先的顺序进行编号,一旦需要对网页内容中的每一个指定图片进行放大时,触碰该图片立即调取对应的放大后的图片,从而实现对网页图片的放大过程,最终使得图片放大速度更快,相比现有技术先点击图片然后在放大缩短节省了游览的时间,不用像现在放大那样需要等待,本发明利用后台在获取网页的同时直接对图片先放大,后台直接调取就好。
进一步,在步骤S2中对图片进行放大绘制的过程是预先将该图片下载到缓冲区,然后获取图片的像素,并与移动终端的默认接收像素进行对比,若核实是在移动终端默认范围内直接进行放大处理后然后通过图片处理工具自动修正后进行保存,若核实不符合,通过图片差值算法按照规定的要求进行绘制,并保存。
进一步,在步骤S2中以可视化窗口的大小缩小一定比例的比例大小为缩小可视化窗口的0.8-0.9范围。
进一步,在步骤S3中所述的触摸事件是指手指触碰图片的触摸事件。
本发明还公开了一种网页图片放大处理系统,其包括:
图片获取模块,用于获取图片信息;
图片编号模块,用于对获取的顺序对图片进行编号处理;
图标绘制模块,用于对获取的图片进行放大绘制处理并保存;
触摸事件获取模块,用于获取对图片进行放大显示的触摸事件;
控制器,用于根据触摸事件获取模块的信息将图标绘制模块绘制的放大后的图片进行显示处理。
进一步本发明公开的一种网页图片放大处理系统,还包括像素对比模块,所述像素对比模块用于将获取的原始图片的像素与移动终端中预设默认能够接收的像素进行对比,一旦超出范围利用图片差值算法按照规定的要求进行绘制,若未超出范围直接进行放大处理后然后通过图片处理工具自动修正得到放大后的图片。
本发明得到的一种网页图片放大处理方法及网页图片放大处理系统,通过上述结构设计,工作时,获取网页内容的同时预先后台后去该网页中的所有图片信息以及顺序并进行编号,然后后台将该图片进行预下载,下载完成后,后台获取该移动终端的可视化窗口大小,然后根据可视化窗口大小缩小0.8-0.9的范围就是最终每一个图片需要放大的尺寸,并对每一个图片进行后台放大绘制,并安装原先的顺序进行编号,一旦需要对网页内容中的每一个指定图片进行放大时,触碰该图片立即调取对应的放大后的图片,从而实现对网页图片的放大过程,最终使得图片放大速度更快,相比现有技术先点击图片然后在放大缩短节省了游览的时间,不用像现在放大那样需要等待,本发明利用后台在获取网页的同时直接对图片先放大,后台直接调取就好。
附图说明:
图1是实施例1中一种网页图片放大处理方法的流程示意图;
图2是实施例1中一种网页图片放大处理系统的装置的结构示意图;
图3是实施例2中一种网页图片放大处理方法的流程示意图;
图4是实施例2中一种网页图片放大处理系统的装置的结构示意图。
附图标记中:1.图片获取模块;2.图片编号模块;3.图标绘制模块;4.触摸事件获取模块;5.控制器;6.像素对比模块。
具体实施方式
下面结合实施例对本发明创造作进一步说明。
实施例1:
如图1所示,本实施例提供的一种网页图片放大处理方法,包括以下步骤:
S1、获取网页内容中所有的图片数据及位置,并按顺序进行排序,后台直接将图片进行缓存;
S2、获取移动终端的可视化窗口的尺寸大小,按照可视化窗口的大小缩小一定比例预先对已经缓存的图片进行图片放大绘制并按编号顺序储存;
S3、获取触摸事件,根据触摸事件获取网页内容中图片的编号;
S4、获取对应编号放大后的图片并进行显示。
进一步,在步骤S2中以可视化窗口的大小缩小一定比例的比例大小为缩小可视化窗口的0.8-0.9范围。
进一步,在步骤S3中所述的触摸事件是指手指触碰图片的触摸事件。
如图2所示,进一步本实施例还公开的一种网页图片放大处理系统一种网页图片放大处理系统,其特征在于:包括:
图片获取模块1,用于获取图片信息;
图片编号模块2,用于对获取的顺序对图片进行编号处理;
图标绘制模块3,用于对获取的图片进行放大绘制处理并保存;
触摸事件获取模块4,用于获取对图片进行放大显示的触摸事件;
控制器5,用于根据触摸事件获取模块4的信息将图标绘制模块3绘制的放大后的图片进行显示处理。
通过上述结构设计,工作时,获取网页内容的同时预先后台后去该网页中的所有图片信息以及顺序并进行编号,然后后台将该图片进行预下载,下载完成后,后台获取该移动终端的可视化窗口大小,然后根据可视化窗口大小缩小0.8-0.9的范围就是最终每一个图片需要放大的尺寸,并对每一个图片进行后台放大绘制,并安装原先的顺序进行编号,一旦需要对网页内容中的每一个指定图片进行放大时,触碰该图片立即调取对应的放大后的图片,从而实现对网页图片的放大过程,最终使得图片放大速度更快,相比现有技术先点击图片然后在放大缩短节省了游览的时间,不用像现在放大那样需要等待,本发明利用后台在获取网页的同时直接对图片先放大,后台直接调取就好。
实施例2:
如图3所示,本实施例还公开的一种网页图片放大处理放大的大致结构与实施例1相同,不同的是在步骤S2中对图片进行放大绘制的过程是预先将该图片下载到缓冲区,然后获取图片的像素,并与移动终端的默认接收像素进行对比,若核实是在移动终端默认范围内直接进行放大处理后然后通过图片处理工具自动修正后进行保存,若核实不符合,通过图片差值算法按照规定的要求进行绘制,并保存。
如图4所示,同时本实施例还公开了一种网页图片放大处理系统,还包括像素对比模块6,所述像素对比模块6用于将获取的原始图片的像素与移动终端中预设默认能够接收的像素进行对比,一旦超出范围利用图片差值算法按照规定的要求进行绘制,若未超出范围直接进行放大处理后然后通过图片处理工具自动修正得到放大后的图片。
工作时,根据预先比较图片质量然后根据要求进行放大图片,最终缩短了图片需要放大的时间,使得速度更快。
Claims (7)
1.一种网页图片放大处理方法,包括以下步骤:
S1、获取网页内容中所有的图片数据及位置,并按顺序进行排序,后台直接将图片进行缓存;
S2、获取移动终端的可视化窗口的尺寸大小,按照可视化窗口的大小缩小一定比例预先对已经缓存的图片进行图片放大绘制并按编号顺序储存;
S3、获取触摸事件,根据触摸事件获取网页内容中图片的编号;
S4、获取对应编号放大后的图片并进行显示。
2.根据权利要求1所述的一种网页图片放大处理方法,其特征在于:在步骤S2中对图片进行放大绘制的过程是预先将该图片下载到缓冲区,然后获取图片的像素,并与移动终端的默认接收像素进行对比,若核实是在移动终端默认范围内直接进行放大处理后然后通过图片处理工具自动修正后进行保存,若核实不符合,通过图片差值算法按照规定的要求进行绘制,并保存。
3.根据权利要求1或2所述的一种网页图片放大处理方法,其特征在于:在步骤S2中以可视化窗口的大小缩小一定比例的比例大小为缩小可视化窗口的0.8-0.9范围。
4.根据权利要求1或2所述一种网页图片放大处理方法,其特征在于:在步骤S3中所述的触摸事件是指手指触碰图片的触摸事件。
5.根据权利要求3所述一种网页图片放大处理方法,其特征在于:在步骤S3中所述的触摸事件是指手指触碰图片的触摸事件。
6.一种网页图片放大处理系统,其特征在于:包括:
图片获取模块(1),用于获取图片信息;
图片编号模块(2),用于对获取的顺序对图片进行编号处理;
图标绘制模块(3),用于对获取的图片进行放大绘制处理并保存;
触摸事件获取模块(4),用于获取对图片进行放大显示的触摸事件;
控制器(5),用于根据触摸事件获取模块(4)的信息将图标绘制模块(3)绘制的放大后的图片进行显示处理。
7.根据权利要求4所述的一种网页图片放大处理系统,其特征在于,还包括像素对比模块(6),所述像素对比模块(6)用于将获取的原始图片的像素与移动终端中预设默认能够接收的像素进行对比,一旦超出范围利用图片差值算法按照规定的要求进行绘制,若未超出范围直接进行放大处理后然后通过图片处理工具自动修正得到放大后的图片。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201711402920.6A CN110020315A (zh) | 2017-12-22 | 2017-12-22 | 一种网页图片放大处理方法及网页图片放大处理系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201711402920.6A CN110020315A (zh) | 2017-12-22 | 2017-12-22 | 一种网页图片放大处理方法及网页图片放大处理系统 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110020315A true CN110020315A (zh) | 2019-07-16 |
Family
ID=67187131
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201711402920.6A Pending CN110020315A (zh) | 2017-12-22 | 2017-12-22 | 一种网页图片放大处理方法及网页图片放大处理系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110020315A (zh) |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102436484A (zh) * | 2011-10-28 | 2012-05-02 | 优视科技有限公司 | 网页图片放大处理方法及网页图片放大处理系统 |
CN102819560A (zh) * | 2012-06-29 | 2012-12-12 | 北京奇虎科技有限公司 | 一种网页中图片的显示方法和装置 |
CN103616983A (zh) * | 2013-11-25 | 2014-03-05 | 小米科技有限责任公司 | 一种图片展示方法、装置和终端设备 |
CN106227825A (zh) * | 2016-07-22 | 2016-12-14 | 努比亚技术有限公司 | 一种图片显示装置和方法 |
-
2017
- 2017-12-22 CN CN201711402920.6A patent/CN110020315A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102436484A (zh) * | 2011-10-28 | 2012-05-02 | 优视科技有限公司 | 网页图片放大处理方法及网页图片放大处理系统 |
CN102819560A (zh) * | 2012-06-29 | 2012-12-12 | 北京奇虎科技有限公司 | 一种网页中图片的显示方法和装置 |
CN103616983A (zh) * | 2013-11-25 | 2014-03-05 | 小米科技有限责任公司 | 一种图片展示方法、装置和终端设备 |
CN106227825A (zh) * | 2016-07-22 | 2016-12-14 | 努比亚技术有限公司 | 一种图片显示装置和方法 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11128662B2 (en) | Method, client, and server for preventing web page hijacking | |
TWI540501B (zh) | 應用程式介面顯示控制方法及裝置 | |
US9864811B2 (en) | Terminal device, system for providing picture and method for transmitting picture | |
CN101789961B (zh) | 一种用于移动通讯设备终端的图片缩放系统及其应用方法 | |
CN102364460B (zh) | 基于移动终端的页面自动放大方法和系统 | |
CN102164167B (zh) | 一种用于远程控制的分类传输方法和系统 | |
CN104267887B (zh) | 基于应用窗口尺寸参数的应用页面自适应排版显示方法 | |
CN103164519B (zh) | 调整工具栏色调的方法及装置 | |
CN103824252A (zh) | 图片处理方法及系统 | |
CN109388317B (zh) | 一种图片加载方法、终端设备及存储介质 | |
CN101140496A (zh) | 一种调整网页中栏框的方法及装置 | |
CN110162286B (zh) | 一种图片显示方法及终端 | |
CN103677539A (zh) | 界面调整方法与装置 | |
US20180089872A1 (en) | On-demand image spriting | |
CN106293417A (zh) | 屏幕画面显示方法及装置 | |
CN103365930A (zh) | 网页内容显示控制系统及方法 | |
CN112333538A (zh) | 一种分辨率调整方法、装置、显示屏控制器及信源设备 | |
CN101562006B (zh) | 一种图像缩放的方法及装置 | |
CN106155478A (zh) | 一种应用图标显示方法及装置 | |
CN101464785B (zh) | 基于wddm的屏幕获取方法及带多显示器的计算机系统 | |
CN103092584A (zh) | 在浏览器上调整医学图像窗宽和窗位的方法 | |
US20160162251A1 (en) | Mirror display system having low data traffic and method thereof | |
CN102262772A (zh) | 具有图片编辑功能的打印机及其图片打印的方法 | |
CN108897475B (zh) | 一种图片处理方法及移动终端 | |
CN102646263A (zh) | 缩放比例的调整方法及装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
WD01 | Invention patent application deemed withdrawn after publication | ||
WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20190716 |