《一种页面内容缩放显示处理方法及装置.pdf》由会员分享，可在线阅读，更多相关《一种页面内容缩放显示处理方法及装置.pdf（13页珍藏版）》请在专利查询网上搜索。
1、10申请公布号CN104050185A43申请公布日20140917CN104050185A21申请号201310080475122申请日20130313G06F17/30200601G06F3/048420130171申请人百度在线网络技术北京有限公司地址100085北京市海淀区上地十街10号百度大厦72发明人梁广耀严俊74专利代理机构北京鸿德海业知识产权代理事务所普通合伙11412代理人袁媛54发明名称一种页面内容缩放显示处理方法及装置57摘要本发明公开了一种页面内容缩放显示处理方法及装置。一种页面内容缩放显示处理方法包括接收对页面内容的缩放显示请求，获得期望缩放比例；根据所述期望缩放比例。
2、，对页面中特定文本对象以位图的方式进行缩放处理后显示输出；根据所述期望缩放比例，对页面中的其他对象，按照该对象的自身属性进行缩放处理后显示输出。应用上述技术方案，对于页面中的文本对象内容，采用位图而非矢量图的方式进行缩放，可以有效避开一些浏览器对文本字体大小属性的显示限制，保证页面中的文字和图像能够同比例缩放，实现正常的缩放显示效果。51INTCL权利要求书1页说明书8页附图3页19中华人民共和国国家知识产权局12发明专利申请权利要求书1页说明书8页附图3页10申请公布号CN104050185ACN104050185A1/1页21一种页面内容缩放显示处理方法，其特征在于，该方法包括接收对页面内。
3、容的缩放显示请求，获得期望缩放比例；根据所述期望缩放比例，对页面中特定文本对象以位图的方式进行缩放处理后显示输出；根据所述期望缩放比例，对页面中的其他对象，按照该对象的自身属性进行缩放处理后显示输出。2根据权利要求1所述的方法，其特征在于，该方法还包括在接收对页面内容的缩放显示请求后，确定页面中需要以位图方式进行缩放处理的文本对象。3根据权利要求2所述的方法，其特征在于，所述确定页面中需要以位图方式进行缩放处理的文本对象，包括判断用户当前使用的浏览器是否存在文本显示限制，如果是，则确定对该页面的文本对象位图方式进行缩放处理。4根据权利要求2所述的方法，其特征在于，所述确定页面中需要以位图方式进。
4、行缩放处理的文本对象，包括根据所述期望缩放比例，预先计算页面中文本对象缩放后的尺寸，判断用户当前使用的浏览器是否支持该尺寸文本的显示，如果否，则确定对该文本对象以位图方式进行缩放处理。5根据权利要求1所述的方法，其特征在于，所述根据所述期望缩放比例，对页面中特定文本对象以位图的方式进行缩放处理后显示输出，包括对所述特定文本对象的宽和高，分别以不同的缩放比例进行缩放处理后显示输出。6一种页面内容缩放显示处理装置，其特征在于，该装置包括缩放显示请求接收单元，用于接收对页面内容的缩放显示请求，获得期望缩放比例；第一缩放处理单元，用于根据所述期望缩放比例，对页面中特定文本对象以位图的方式进行缩放处理后。
5、显示输出；第二缩放处理单元，用于根据所述期望缩放比例，对页面中的其他对象，按照该对象的自身属性进行缩放处理后显示输出。7根据权利要求6所述的装置，其特征在于，该装置还包括缩放方式确定单元，用于在接收对页面内容的缩放显示请求后，确定页面中需要以位图方式进行缩放处理的文本对象。8根据权利要求7所述的装置，其特征在于，所述缩放方式确定单元，具体用于判断用户当前使用的浏览器是否存在文本显示限制，如果是，则确定对该页面的文本对象位图方式进行缩放处理。9根据权利要求7所述的装置，其特征在于，所述缩放方式确定单元，具体用于根据所述期望缩放比例，预先计算页面中文本对象缩放后的尺寸，判断用户当前使用的浏览器是否。
6、支持该尺寸文本的显示，如果否，则确定对该文本对象以位图方式进行缩放处理。10根据权利要求6所述的装置，其特征在于，所述第二缩放处理单元，具体用于对所述特定文本对象的宽和高，分别以不同的缩放比例进行缩放处理后显示输出。权利要求书CN104050185A1/8页3一种页面内容缩放显示处理方法及装置技术领域0001本发明涉及页面内容展示技术领域，特别是涉及一种页面内容缩放显示处理方法及装置。背景技术0002随着计算机和网络技术普及和发展，互联网已经成为人们日常生活的重要组成部分。用户在从网络获取信息的同时，对浏览网站的体验要求也越来越高。因此，如何提高网页的显示效果也已经成为一个重要的研究方向。00。
7、03在互联网环境中，“网页”是用来对文字、图像、音视频等信息进行组织的一种基本单元，网页的实际显示效果主要受两方面影响首先，在网页开发阶段，开发者需要对页面内容的布局、各种显示效果进行设计；另外，在浏览过程中，用户使用的软硬件也会影响到页面的实际显示效果。例如，用户使用的浏览器可能无法正确解析出页面代码的内容，或者无法支持某些效果，这些都可能造成页面显示不正常。0004“缩放显示”是一种很常见的页面浏览需求，根据现有技术的一般实现方式，当用户对特定对象执行缩放操作后，浏览器会根据用户的请求，将特定对象进行缩放处理后显示给用户。但是通过实践发现，有些浏览器并不能很好地实现缩放功能。图1所示为一种。
8、地图页面的显示效果，正常情况下，用户执行“缩小”操作后，页面上的图像和文字都应该同步等比例缩小，但是如图1所示的情况，只有图像部分缩小了，文字部分没有按照预期缩小，造成显示的文字超出边框，对显示效果造成影响。发明内容0005为解决上述技术问题，本发明实施例提供一种页面内容缩放显示处理方法及装置，以解决页面中的文字和图像缩放比例不同步的问题，提高显示效果。技术方案如下0006本发明实施例提供一种页面内容缩放显示处理方法，该方法包括0007接收对页面内容的缩放显示请求，获得期望缩放比例；0008根据所述期望缩放比例，对页面中特定文本对象以位图的方式进行缩放处理后显示输出；0009根据所述期望缩放比。
9、例，对页面中的其他对象，按照该对象的自身属性进行缩放处理后显示输出。0010根据本发明的一种具体实施方式，该方法还包括0011在接收对页面内容的缩放显示请求后，确定页面中需要以位图方式进行缩放处理的文本对象。0012根据本发明的一种具体实施方式，所述确定页面中需要以位图方式进行缩放处理的文本对象，包括0013判断用户当前使用的浏览器是否存在文本显示限制，如果是，则确定对该页面的文本对象位图方式进行缩放处理。说明书CN104050185A2/8页40014根据本发明的一种具体实施方式，所述确定页面中需要以位图方式进行缩放处理的文本对象，包括0015根据所述期望缩放比例，预先计算页面中文本对象缩放。
10、后的尺寸，判断用户当前使用的浏览器是否支持该尺寸文本的显示，如果否，则确定对该文本对象以位图方式进行缩放处理。0016根据本发明的一种具体实施方式，所述根据所述期望缩放比例，对页面中特定文本对象以位图的方式进行缩放处理后显示输出，包括0017对所述特定文本对象的宽和高，分别以不同的缩放比例进行缩放处理后显示输出。0018本发明实施例还提供一种页面内容缩放显示处理装置，该装置包括0019缩放显示请求接收单元，用于接收对页面内容的缩放显示请求，获得期望缩放比例；0020第一缩放处理单元，用于根据所述期望缩放比例，对页面中特定文本对象以位图的方式进行缩放处理后显示输出；0021第二缩放处理单元，用于。
11、根据所述期望缩放比例，对页面中的其他对象，按照该对象的自身属性进行缩放处理后显示输出。0022根据本发明的一种具体实施方式，该装置还包括0023缩放方式确定单元，用于在接收对页面内容的缩放显示请求后，确定页面中需要以位图方式进行缩放处理的文本对象。0024根据本发明的一种具体实施方式，所述缩放方式确定单元，具体用于0025判断用户当前使用的浏览器是否存在文本显示限制，如果是，则确定对该页面的文本对象位图方式进行缩放处理。0026根据本发明的一种具体实施方式，所述缩放方式确定单元，具体用于0027根据所述期望缩放比例，预先计算页面中文本对象缩放后的尺寸，判断用户当前使用的浏览器是否支持该尺寸文本。
12、的显示，如果否，则确定对该文本对象以位图方式进行缩放处理。0028根据本发明的一种具体实施方式，所述第二缩放处理单元，具体用于0029对所述特定文本对象的宽和高，分别以不同的缩放比例进行缩放处理后显示输出。0030应用本发明实施例所提供的技术方案，对于页面中的文本对象内容，采用位图而非矢量图的方式进行缩放，可以有效避开一些浏览器对文本字体大小属性的显示限制，保证页面中的文字和图像能够同比例缩放，实现正常的缩放显示效果。附图说明0031为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明中记载的一。
13、些实施例，对于本领域普通技术人员来讲，还可以根据这些附图获得其他的附图。0032图1为本发明实施例显示效果的第一种示意图；说明书CN104050185A3/8页50033图2为本发明实施例页面内容缩放显示处理方法的一种流程图；0034图3为本发明实施例页面内容缩放显示处理方法的第二种流程图；0035图4为本发明实施例页面内容缩放显示处理装置的一种结构示意图；0036图5为本发明实施例页面内容缩放显示处理装置的第二种结构示意图；0037图6为本发明实施例显示效果的第二种示意图；0038图7为本发明实施例显示效果的第三种示意图；0039图8为本发明实施例显示效果的第四种示意图；0040图9为本发明。
14、实施例显示效果的第五种示意图；0041图10为本发明实施例显示效果的第六种示意图。具体实施方式0042正常情况下，当用户执行缩放操作后，浏览器会根据用户的请求，将特定对象进行缩放处理后显示给用户。但是有些情况下，会存在如图1所示的图像、文字缩放不同步的情况。0043通过研究发现，导致上述情况的原因是一些浏览器内部对文字的大小属性做了限制。浏览器开发人员在设计阶段，考虑到过小或过大的文字不利于用户进行阅读，因此不允许显示过小或过大的文字。但是这种限制，并没有考虑到一些图文混合的内容的显示效果。0044仍以图1进行说明，有些浏览器会将字体大小限制在某个范围内，例如不允许显示小于12PX的字体，这种。
15、情况下，即便用户的期望缩放效果是显示6PX大小的文字，浏览器只能显示12PX大小的文字。但是页面的图像内容部分并不受此限制，仍然按照期望的比例缩小处理，最终图像和文字组合在一起的显示效果就变成了类似图1的情况。0045在传统的浏览器中，对于文本格式的信息，一般都是通过矢量图的方式进行渲染。矢量图也称为面向对象的图像，在数学上定义为一系列由线连接的点。基于矢量图方式渲染的优势在于显示效果与分辨率无关，无论如何放大、缩小都不会导致图像失真。而文字显示的大小，一般由FONTSIZE属性控制，如果浏览器方面对FONTSIZE属性做了限制，就会导致用户做出了缩放操作，却无法看到预期缩放效果的情况出现。0。
16、046针对浏览器限制FONTSIZE属性的情况，本发明实施例提供的技术方案是对于页面中的文本对象内容，采用位图而非矢量图的方式进行渲染，从而避开浏览器对FONTSIZE属性的限制，保证页面中的文字和图像能够同比例缩放，实现正常的缩放显示效果。0047图2所示，为本发明页面内容缩放显示处理方法一种具体实施例方式的流程示意图，该方法包括以下步骤0048S101，接收对页面内容的缩放显示请求，获得期望缩放比例；0049S102，根据所述期望缩放比例，对页面中特定文本对象以位图的方式进行缩放处理后显示输出；0050S103，根据所述期望缩放比例，对页面中的其他对象，按照该对象的自身属性进行缩放处理后显。
17、示输出。0051网页中具有显示效果的对象都有用于控制显示大小的属性以及默认的显示绘制方式，而图像和文本是两种最常见的具有缩放显示需求的对象类型。说明书CN104050185A4/8页60052对于图像对象而言，绘制方式包括“位图绘制”和“矢量绘制”两种，采用“宽”和“高”两个属性控制显示大小（对于图像宽高比例锁定的应用场景，也可以仅用一个参数控制）。在用户执行图像缩放操作的过程中，计算机实际上是根据用户的操作确定一个缩放比例，根据该比例修改“宽”和/或“高”两个属性值，进一步地，如果目标图像是矢量图，则按照修改后的宽和高，以矢量的方式绘制目标图像；如果目标图像是位图，则按照修改后的宽和高，以位。
18、图方式绘制目标图像。0053对于文本对象而言，默认采用矢量绘制的方式，矢量字体VECTORFONT数据中，字形是通过数学曲线来描述的，它包含了字形边界上的关键点，连线的导数信息等，字体的渲染引擎通过读取这些数学矢量，然后进行一定的数学运算来进行渲染。文本的显示大小则由“字号（FONTSIZE）”属性控制，该属性的计量单位可以是PX（像素）、PT（英文字号计量单位）、号（中文字号计量单位）等等。在用户执行文本缩放操作的过程中，计算机同样根据用户的操作确定一个缩放比例，根据该比例修改FONTSIZE属性值，然后直接按照矢量方式绘制文本。0054如果浏览器本身对FONTSIZE属性做了限制，那么用户。
19、所作的字体缩放操作就可能不起作用。这种情况对于纯文本页面的影响不大，但是对于例如地图等图文混合的显示场景，会导致显示出的图文比例图文，严重影响浏览效果。0055为了突破用户端浏览器的限制，本发明方案在服务器侧实现。0056在S102中，为保证在有限制的浏览器中的正常缩放显示，对文本对象并不是采用默认的矢量方式绘制实现放缩，而是采用位图的方式进行绘制。具体而言，假设对于文本内容T，计算机内部首先根据矢量字体数据，在一种浏览器允许的字号下以矢量绘制出文本内容T1，但是T1的大小可能并不符合当前用户的缩放需求，因此并不会直接对T1做显示输出。为了绕开浏览器的限制，需要进一步对T1以位图的方式进行缩放。
20、处理。0057HTML5中的CANVAS元素可以在网页上绘制图像，利用CANVAS中SCALE功能，可以对目标图像按照比例SCALENUMBER进行缩放绘制，具体函数表示为0058T1SCALESCALENUMBER1,SCALENUMBER20059其中SCALENUMBER可以根据用户实际的缩放操作以及T1的大小来确定，假设屏幕当前显示的字号为20PX，用户执行了“缩小至50”的操作，那么预期的显示大小应该是10PX，如果T1是12PX，那么可以推算得到SCALENUMBER10/12083。0060可以注意到，在SCALE函数中，SCALENUMBER参数出现了两次，其作用是分别对图像的。
21、宽和高的缩放比例进行定义。对于文字而言，一般都是宽高同比例缩放，即SCALENUMBER1SCALENUMBER2，但是应用本发明方案，完全可以在文字缩放过程使用不同的SCALENUMBER1和SCALENUMBER2，从而实现“字体拉伸”、“字体压扁”等特殊的显示效果。0061当然，使用HTML5中的SCALE函数对字体以位图方式进行缩放仅是本发明的一种具体的实施方式，并不应理解为对本发明方案的限制。0062对12PX的T1执行SCALE功能（SCALENUMBER1SCALENUMBER2083）后，得到结果T2，T2的大小相当于10PX的矢量文字，但是T2实际是位图，将T2进行显示输出后。
22、，用户就可以在屏幕上看到相当于10PX大小的文字。也就是说，即便浏览器本身不允许显示10PX的字体，用户依然可以看到预期的缩放效果。0063在S103中，对于其他不受浏览器限制的对象，仍然按照这些对象的默认方式进行说明书CN104050185A5/8页7缩放绘制，例如对于矢量图按照矢量的方式绘制、对于位图按照位图的方式绘制，缩放比例则直接根据用户的缩放操作确定。0064特别地，对于某些文字对象，如果其最终的缩放大小满足浏览器的要求，那么对这部分文字对象，仍然可以采用其默认的矢量方式渲染。这是因为，以位图方式对文本进行缩放，毕竟是一种特殊处理，需要占用额外处理资源，如果待显示的文本实际并没有这方。
23、面需求，那么会造成资源的浪费。0065参见图3所示，在本发明的一种实施方式中，当收到缩放显示请求后，并不是直接对所有的文本内容以位图方式进行缩放处理，而是先对有缩放需求的文本对象进行判断，确定其是否有“特殊处理”的必要，如果没有则仍然按照默认的矢量方式进行处理，以减少无意义的资源浪费。0066与上一实施例相比，本实施例的区别主要在于增加了步骤S1011，下面对该步骤的几种具体实施方式进行说明。0067本发明在服务器侧实现，目的是突破用户端浏览器的功能限制，但是如果浏览器本身没有做限制，则没有必要做特殊处理。对于服务器而言，可以直接获取用户当前使用的浏览器信息，从而获知用户当前使用的浏览器类型、。
24、版本号、甚至“限制功能是否开启”、“限制的范围”等等，如果服务器侧根据这些信息确定出用户当前使用的浏览器确实存在文本显示限制，则触发对需要显示的文本内容进行“特殊处理”，即将文本内容确定为“特定文本对象”，执行S102；如果服务器侧确定用户当前使用的浏览器不存在文本显示限制，则不需要触发“特殊处理”，也就是说不存在“特定文本对象”，页面所有对象均通过S103按照默认方式缩放处理。0068上述方式实际是从“浏览器属性”的方面判断是否触发“特殊处理”，然而在有些情况下，即便浏览器存在限制，但是用户当前的缩放预期并不会超出这个限制，例如当前显示字号为20PX，用户希望缩小至80即16PX，如果浏览器。
25、的限制为不允许小于12PX，那么这种情况下也没有必要对文本内容做特殊处理。0069针对上述情况，服务器侧可以根据用户的期望缩放比例，预先计算页面中文本对象缩放后的尺寸，然后判断用户当前使用的浏览器是否支持该尺寸文本的显示，如果否，则触发对需要显示的文本内容进行“特殊处理”，即将文本内容确定为“特定文本对象”。0070这种方式的另一个好处在于，对于存在不同字体大小的页面，可以分别进行处理仅将会超出浏览器限制的文本对象确定为“特定文本”，而其他不会超出浏览器限制的文本对象仍然可以按照默认的方式进行缩放处理。0071相应于上面的方法实施例，本发明还提供一种页面内容缩放显示处理装置，参见图4所示，该装。
26、置可以包括0072缩放显示请求接收单元110，用于接收对页面内容的缩放显示请求，获得期望缩放比例；0073第一缩放处理单元120，用于根据所述期望缩放比例，对页面中特定文本对象以位图的方式进行缩放处理后显示输出；0074第二缩放处理单元130，用于根据所述期望缩放比例，对页面中的其他对象，按照该对象的自身属性进行缩放处理后显示输出。0075为了突破用户端浏览器的限制，本发明方案在服务器侧实现。说明书CN104050185A6/8页80076在第一缩放处理单元120中，为保证在有限制的浏览器中的正常缩放显示，对文本对象并不是采用默认的矢量方式绘制实现放缩，而是采用位图的方式进行绘制。具体而言，假。
27、设对于文本内容T，计算机内部首先根据矢量字体数据，在一种浏览器允许的字号下以矢量绘制出文本内容T1，但是T1的大小可能并不符合当前用户的缩放需求，因此并不会直接对T1做显示输出。为了绕开浏览器的限制，需要进一步对T1以位图的方式进行缩放处理。0077HTML5中的CANVAS元素可以在网页上绘制图像，利用CANVAS中SCALE功能，可以对目标图像按照比例SCALENUMBER进行缩放绘制，具体函数表示为0078T1SCALESCALENUMBER1,SCALENUMBER20079其中SCALENUMBER可以根据用户实际的缩放操作以及T1的大小来确定，假设屏幕当前显示的字号为20PX，用户。
28、执行了“缩小至50”的操作，那么预期的显示大小应该是10PX，如果T1是12PX，那么可以推算得到SCALENUMBER10/12083。0080可以注意到，在SCALE函数中，SCALENUMBER参数出现了两次，其作用是分别对图像的宽和高的缩放比例进行定义。对于文字而言，一般都是宽高同比例缩放，即SCALENUMBER1SCALENUMBER2，但是应用本发明方案，完全可以在文字缩放过程使用不同的SCALENUMBER1和SCALENUMBER2，从而实现“字体拉伸”、“字体压扁”等特殊的显示效果。0081当然，使用HTML5中的SCALE函数对字体以位图方式进行缩放仅是本发明的一种具体的。
29、实施方式，并不应理解为对本发明方案的限制。0082对12PX的T1执行SCALE功能（SCALENUMBER1SCALENUMBER2083）后，得到结果T2，T2的大小相当于10PX的矢量文字，但是T2实际是位图，将T2进行显示输出后，用户就可以在屏幕上看到相当于10PX大小的文字。也就是说，即便浏览器本身不允许显示10PX的字体，用户依然可以看到预期的缩放效果。0083在第二缩放处理单元130中，对于其他不受浏览器限制的对象，仍然按照这些对象的默认方式进行缩放绘制，例如对于矢量图按照矢量的方式绘制、对于位图按照位图的方式绘制，缩放比例则直接根据用户的缩放操作确定。0084特别地，对于某些文。
30、字对象，如果其最终的缩放大小满足浏览器的要求，那么对这部分文字对象，仍然可以采用其默认的矢量方式渲染。这是因为，以位图方式对文本进行缩放，毕竟是一种特殊处理，需要占用额外处理资源，如果待显示的文本实际并没有这方面需求，那么会造成资源的浪费。0085参见图5所示，在本发明的一种实施方式中，当收到缩放显示请求后，并不是直接对所有的文本内容以位图方式进行缩放处理，而是先对有缩放需求的文本对象进行判断，确定其是否有“特殊处理”的必要，如果没有则仍然按照默认的矢量方式进行处理，以减少无意义的资源浪费。0086与上一实施例相比，本实施例的区别主要在于增加了缩放方式确定单元111，下面对单元的几种具体实施方。
31、式进行说明。0087本发明在服务器侧实现，目的是突破用户端浏览器的功能限制，但是如果浏览器本身没有做限制，则没有必要做特殊处理。对于服务器而言，可以直接获取用户当前使用的浏览器信息，从而获知用户当前使用的浏览器类型、版本号、甚至“限制功能是否开启”、“限制的范围”等等，如果服务器侧根据这些信息确定出用户当前使用的浏览器确实存在文本说明书CN104050185A7/8页9显示限制，则触发对需要显示的文本内容进行“特殊处理”，即将文本内容确定为“特定文本对象”，交给第一缩放处理单元120执行；如果服务器侧确定用户当前使用的浏览器不存在文本显示限制，则不需要触发“特殊处理”，也就是说不存在“特定文本。
32、对象”，页面所有对象均通过第二缩放处理单元130按照默认方式缩放处理。0088上述方式实际是从“浏览器属性”的方面判断是否触发“特殊处理”，然而在有些情况下，即便浏览器存在限制，但是用户当前的缩放预期并不会超出这个限制，例如当前显示字号为20PX，用户希望缩小至80即16PX，如果浏览器的限制为不允许小于12PX，那么这种情况下也没有必要对文本内容做特殊处理。0089针对上述情况，服务器侧可以根据用户的期望缩放比例，预先计算页面中文本对象缩放后的尺寸，然后判断用户当前使用的浏览器是否支持该尺寸文本的显示，如果否，则触发对需要显示的文本内容进行“特殊处理”，即将文本内容确定为“特定文本对象”。0。
33、090这种方式的另一个好处在于，对于存在不同字体大小的页面，可以分别进行处理仅将会超出浏览器限制的文本对象确定为“特定文本”，而其他不会超出浏览器限制的文本对象仍然可以按照默认的方式进行缩放处理。0091为了描述的方便，描述以上装置时以功能分为各种单元分别描述。当然，在实施本发明时可以把各单元的功能在同一个或多个软件和/或硬件中实现。0092下面结合两个具体的例子，对本发明方案的实施过程及效果进行说明0093以图1的所示的地图页面为例，假设对于特定文本“X217”，默认的显示大小为12PX，并且浏览器不允许显示小于12PX的字体，如果用户执行“缩小至50”操作，那么应用本发明实施例方案，服务器。
34、侧首先读取到需要显示的文本数据“X217”，然后以矢量方式进行实时绘制，字号大小为12PX，由于地图背景部分已经按照正常比例缩小了，因此如果将12PX的字体直接做显示输出，那么文字大小将会超出文字边框，如图6所示。因此触发特殊处理，将12PX的文字以位图的方式进行50的缩小处理，得到变小后的文字，并且将文字按比例重新居中，例如，在本实施例中，文字缩小前的绘制起始坐标（即图像的左上角坐标）为（X，Y），如果缩小比例为05，则将X和Y分别分别乘以2，得到缩小后的居中坐标，按照该居中坐标绘制完成后，进行显示输出，效果如图7所示。0094需要说明的是，在不同的应用场景中，对象位置的确定方式并不相同，因。
35、此上述计算居中坐标的方式仅是一种示例，并不应该理解为对本发明方案的限制。0095对页面中的文本对象都做与“X217”类似的处理之后，得到最终的缩小效果图8所示，可见，与图1相比，图像文字缩放不同步的问题得到了有效解决。0096图9所示为地图页面的另一种显示场景，假设对于特定文本“后海”，默认的显示大小为10PX，浏览器不允许显示超过16PX的字体，如果用户执行“放大至200”的操作，由于浏览器限制，只能显示为16PX，无法满足地图水系文字的突出显示效果，0097应用本发明实施例方案，服务器侧首先读取到需要显示的文本数据“后海”，然后以矢量方式进行实时绘制，字号大小为10PX，通过计算得到预期的。
36、大小应为20PX，超出了浏览器的限制，因此此触发特殊处理，将10PX的文字以位图的方式进行200的放大处理，得到放大后的文字，并且将文字按比例重新居中，例如，在本实施例中，文字缩小前的绘制起始坐标（即图像的左上角坐标）为（X，Y），如果放大比例为2，则将X和Y分别分别乘以05，得到缩小后的居中坐标，按照该居中坐标绘制完成后，进行显示输出，效果如图10所说明书CN104050185A8/8页10示。可以看到，水系文字“后海”实现了突出显示的效果。0098通过以上的实施方式的描述可知，本领域的技术人员可以清楚地了解到本发明可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解，本发明的技术方案。
37、本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备（可以是个人计算机，服务器，或者网络设备等）执行本发明各个实施例或者实施例的某些部分所述的方法。0099本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于装置或系统实施例而言，由于其基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。以上所描述的装置及系统实施例仅仅是示意性的，其中所述作为分离部件说明的单元。
38、可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。0100以上所述仅是本发明的具体实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。说明书CN104050185A101/3页11图1图2说明书附图CN104050185A112/3页12图3图4图5图6说明书附图CN104050185A123/3页13图7图8图9图10说明书附图CN104050185A13。