CN104951309B - 展示特殊字体的页面装修方法和系统以及一种客户端设备 - Google Patents

Abstract

本发明公开了一种在客户端设备展示特殊字体的页面装修方法和相应的系统和设备，上述方法包括：从客户端设备接收文字代码，所述文字代码包括文字内容以及字体名称和样式参数；根据所述文字代码生成文字图片；把所述文字图片上传至图片服务器并从所述图片服务器获得所述文字图片的链接；把所述文字代码替换成所述链接以形成更新的页面装修代码；把所述页面装修代码提供给所述客户端设备。根据本发明的技术方案，用户在对手机等客户端设备的页面进行装修时，可以展示更为丰富的字体效果，并且保证用户不需要做其他处理就能在浏览装修的页面时能还原装修的效果，省时省力。

Description

展示特殊字体的页面装修方法和系统以及一种客户端设备

技术领域

本发明涉及计算机网络技术领域，具体涉及一种展示特殊字体的页面装修方法和设备。

背景技术

现有技术中用户需要手动安装页面中需要的字体才可以浏览出需要的字体风格。比如：在网络下载字体文件，再把字体文件拷贝到系统font目录“C:\Windows\Fonts”中，该方法主要存在以下缺点：

1、用户需要手动去安装字体，费时费力；

2、装修的页面呈现的效果不好，如：如果用户没有安装页面中使用的那些字体，页面上就会使用系统的默认字体，导致页面上达不到应有的视觉效果。

发明内容

为了至少部分解决上述问题，本发明提供一种展示特殊字体的页面装修方法和设备，能够使用户在装修客户端设备页面时，展示更为丰富的字体效果，并且保证用户不需要做其他处理就能在浏览装修的页面时自动还原装修效果，省时省力。

为实现上述目的，根据本发明的一个方面，提供了一种展示特殊字体的页面装修方法，包括：从客户端设备接收包含文字代码的页面装修代码，所述文字代码包括文字内容以及字体名称和样式参数；根据所述文字代码生成文字图片；把所述文字图片上传至图片服务器并从所述图片服务器获得所述文字图片的链接；把所述文字代码替换成所述链接以形成更新的页面装修代码；把所述更新的页面装修代码提供给所述客户端设备。

可选地，所述文字代码是HTML格式的文字代码。

可选地，所述链接是所述文字图片的统一资源定位符(URL)。

可选地，生成文字图片包括：在内存中生成图片缓冲区；设置图片缓冲区的参数；在图片缓冲区中生成图像对象Graphics2D；更新所述图像对象；设置所述图像对象的样式参数；对所述图像对象进行抗锯齿处理；获取字体对象；设置所述字体对象的参数；将所述字体对象加载到所述图像对象中；再次更新所述图像对象；将图片缓冲区生成文字图片。

可选地，设置图片缓冲区的参数包括：设置所述图片缓冲区的高宽；设置所述图片缓冲区的颜色值类型。

可选地，设置所述图像对象的样式参数包括：设置所述图像对象的文字画笔粗细；设置所述图像对象的颜色。

根据本发明的另一方面，提供了一种展示特殊字体的页面装修系统，包括：客户端设备；图片生成设备；和图片服务器，其中，所述客户端、所述图片生成设备和所述图片服务器彼此之间以有线或无线方式通信，其中，所述客户端设备用于接收用户输入的页面装修代码，所述页面装修代码包含文字代码，所述文字代码包括文字内容以及字体名称和样式参数，并且所述客户端设备用于把所述页面装修代码发送给图片生成设备并且接收所述图片生成设备提供的更新的页面装修代码，所述更新的页面装修代码包含与所述文字代码对应的文字图片的链接，其中，所述图片生成设备根据所述文字代码生成文字图片，把所述文字图片上传至图片服务器并从所述图片服务器获得所述文字图片的链接，把所述文字代码替换成所述链接以形成更新的页面装修代码，并且把所述更新的页面装修代码发送给所述客户端设备，其中，所述图片服务器把上传的所述文字图片存入图片库中，产生该文字图片的链接并返回给所述图片生成设备。

可选地，所述客户端设备是下述的一种：智能手机、PDA、PMP、数字广播终端、导航系统移动因特网设备、掌上电脑、平板电脑、笔记本电脑。

根据本发明的又一方面，提供了一种在客户端设备展示特殊字体的页面装修方法，包括：接收用户输入的页面装修代码，所述页面装修代码包含文字代码，所述文字代码包括文字内容以及字体名称和样式参数；把所述页面装修代码发送给图片生成设备并且接收所述图片生成设备提供的更新的页面装修代码，所述更新的页面装修代码包含与所述文字代码对应的文字图片的链接；显示所述更新的页面装修代码对应的页面的装置；其中，所述图片生成设备根据所述文字代码生成文字图片，把所述文字图片上传至图片服务器并从所述图片服务器获得所述文字图片的链接，把所述文字代码替换成所述链接以形成更新的页面装修代码，并且把所述更新的页面装修代码发送给所述客户端设备。

根据本发明的又一方面，提供了一种客户端设备，包括：用于接收用户输入的页面装修代码的装置，所述页面装修代码包含文字代码，所述文字代码包括文字内容以及字体名称和样式参数；用于把所述页面装修代码发送给图片生成设备并且接收所述图片生成设备提供的更新的页面装修代码的装置，所述更新的页面装修代码包含与所述文字代码对应的文字图片的链接；用于显示所述更新的页面装修代码对应的页面的装置；其中，所述图片生成设备根据所述文字代码生成文字图片，把所述文字图片上传至图片服务器并从所述图片服务器获得所述文字图片的链接，把所述文字代码替换成所述链接以形成更新的页面装修代码，并且把所述更新的页面装修代码发送给所述客户端设备。

根据本发明的技术方案，用户在对手机等客户端设备的页面进行装修时，可以展示更为丰富的字体效果，并且保证用户不需要做其他处理就能在浏览装修的页面时能还原装修的效果，省时省力。

附图说明

附图用于更好地理解本发明，不构成对本发明的不当限定。其中：

图1是根据本发明的一种展示特殊字体的页面装修系统的连接关系示意图；

图2是根据本发明的一种展示特殊字体的页面装修系统的通讯方式示意图；

图3是根据本发明的一种展示特殊字体的页面装修方法的主要步骤的示意图；

图4是根据本发明的生成文字图片的主要步骤的示意图。

具体实施方式

以下结合附图对本发明的示范性实施例做出说明，其中包括本发明实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本发明的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

如图1所示，本发明提供了一种展示特殊字体的页面装修系统，该系统包括客户端设备、图片生成设备以及图片服务器。

根据本发明的实施例，客户端设备可以是任何手持装置，如智能手机、PDA、PMP、数字广播终端、导航系统移动因特网设备、掌上电脑或平板电脑或笔记本电脑等。假定这里的客户端设备是一个“瘦客户端”设备，除了默认字体，没有安装各种字体文件，因此不能显示文字的特殊字体。

客户端设备、图片生成设备和图片服务器三者彼此之间以有线或无线方式通信。

客户端设备包括用户输入单元、无线通信单元、显示单元、音频/视频(A/V)输入单元、传感单元、音频输出单元、触觉输出单元、存储单元、接口单元、控制单元和电源等。上述单元部件不是必须都具备，部件数目可以变化。

无线通信单元可以包括至少一个模块，使得在客户端设备和无线通信系统之间或者在客户端设备与该客户端设备位于其中的网络之间进行无线通信。例如，该无线通信单元可以包括广播接收模块、移动通信模块、无线因特网模块、局域通信模块和定位信息模块。

用户输入单元从用户接收用于控制终端的操作的输入数据。用户输入单元可以包括小键盘、触摸屏或触摸板(静压式/电容式触摸板)、薄膜开关、滚轮和拨动开关等等。

显示单元显示由客户端设备处理的信息，产生视觉输出。例如，显示单元显示图形用户界面(GUI)和HTML页面等。

音频输出单元、触觉输出单元分别产生听觉、触觉输出。

音频/视频输入单元用于输入音频信号或者视频信号，并且可以包括摄像机和麦克风。

存储单元可以存储用于控制客户端设备操作的程序，并且临时存储输入/输出数据。

接口用于把外部设备连接到客户端设备。接口例如可包括有线/无线头戴式耳机端口、外部充电器端口、有线/无线数据端口、存储卡端口、用于连接具有用户识别模块的设备的端口、音频I/O端口、视频I/O端口、耳机端口等等。

控制单元控制客户端设备的整个操作。例如，控制单元执行控制和用于语音通信、数据通信和视频通信的处理。

电源接收外部功率或者内部功率，并且在控制单元的操作下，提供操作移动终端的部件需要的功率。

根据本发明的实施例，图片生成设备是以有线或无限方式与客户端设备和图片服务器通信的的集中式或分布式计算机系统。

图片生成设备具有文字图片的生成能力，包括充分多的字体文件，可根据文字代码产生文字图片，其中所产生的文字图片以图像超链接对象的形式保存在图片服务器上，并且把相应的超链接URL返回给客户端设备。

根据本发明的实施例，图片服务器是web服务器。

图2示出了本发明系统中的客户端设备、图片生成设备和图片服务器的在文字图片生成中的相互作用和数据传递关系。

用户在客户端设备的输入模块输入包含文字代码的页面装修代码，并通过客户端设备的无线通信模块发送给图片生成设备。文字代码包括文字内容以及字体名称和样式参数。

根据本发明的实施例，所述文字代码是HTML格式的文字代码。

客户端设备的用户在对页面进行装修时，可以在页面上输入要写的文字内容，然后根据所需设计效果在页面上选择要使用的字体名称和样式参数，例如样式参数可以包括：字体大小、粗体、斜体、下划线、颜色等。

图片生成设备接收来客户端设备的文字代码，并且根据所述文字代码生成文字图片。然后，图片生成设备把生成的文字图片上传至图片服务器。

图片服务器把上传的文字图片存入图片库中，产生该文字图片的链接并返回给图片生成设备。根据本发明的实施例，所述链接是所述文字图片的统一资源定位符(URL)。

图片服务器可以是企业内部现有的公共图片服务器。

图片生成设备在接收到图片服务器返回的文字图片的链接之后，把所述文字代码替换成所述链接以形成更新的页面装修代码。根据本发明的实施例，图片生成设备收到所述文字图片的URL地址后，会把客户端设备的用户设置的文字代码替换成所述文字图片的URL地址。比如，客户端设备的用户在页面中设置的特殊字体的代码可以是：

<p style＝"font-family:"字体名称"；font-size:12px；color:#000；">字体文字</p>。

图片生成设备会把以上文字代码替换为如下URL地址：

<img src＝"http://img10.360buyimg.com/cms/jfs/fontimage.GIF"/>。

然后，图片生成设备把文字代码替换成相应链接后的整体的页面装修代码提供给客户端设备。

这样，客户端设备显示相应的文字图片时，实际会启动一个至图片服务器的链接，访问图片服务器以获得并显示该文字图片。

客户端设备、图片生成设备和图片服务器三者均可以通过HTTP协议彼此通信，如客户端设备和图片服务器可以是以HTTP协议通信，使得在客户端设备的显示器中显示HTML页面，其中包括至图片服务器的链接，以显示存在于图片服务器的文字图片。

下面参考图3描述本发明的的图片生成设备展示特殊字体的页面装修方法的详细步骤，这里以为手机显示的页面展示特殊字体的页面装修方法为例进行说明。该方法主要包括如下的步骤S 10至S50。

S10：从客户端设备接收包含文字代码的页面装修代码，所述文字代码包括文字内容以及字体名称和样式参数。所述文字代码是HTML格式的文字代码。根据本发明的实施例，手机的用户确定设置后提交保存相关文字代码，图片生成设备接收手机提交的文字代码。

S20：根据所述文字代码生成文字图片。图片生成设备根据手机用户提交的文字代码生成文字图片。

S30：把所述文字图片上传至图片服务器并从所述图片服务器获得所述文字图片的链接。

S40：把所述文字代码替换成所述链接以形成更新的页面装修代码。

S50：把所述更新的页面装修代码提供给所述客户端设备。

如图4所示，在步骤S20中，具体可以按如下步骤进行：

S200：在内存中生成图片缓冲区。

S201：设置图片缓冲区的参数。此步骤在具体实施时可以是根据用户提交的数据信息(此处用户提交的数据信息可以为用户设置的字体大小)设置所述图片缓冲区的高宽，注意缓冲区的高宽应比用户设置的字体稍大，这样做出的文字图片的效果才会更好。再设置所述图片缓冲区的颜色值类型为RGB类型。

S202：在图片缓冲区中生成复杂图像对象Graphics2D，此对象可以支持复杂的图像。Graphics2D是Graphics类，提供了对几何形状、坐标转换、颜色管理和文本布局更为复杂的控制。它是用于在Java(tm)平台上呈现二维形状、文本和图像的基础类。

S203：更新所述图像对象，也就是在内存中马上绘制一下。

S204：设置所述图像对象的样式参数。此步骤在具体实施时可以是先设置所述图像对象的文字画笔粗细，此处文字画笔粗细是指文字线条的粗细，可以设置为1，也就是1px，注意此处的文字画笔粗细并非粗体。再设置所述图像对象的颜色，并对所述图像对象进行抗锯齿处理，使所述图像对象的边缘看起来更平滑。

S205：根据用户提交的字体名称获取字体对象。本发明的所述字体对象是缓存在图片生成设备的内存中的，而现有技术中是把字体对象放置到客户端设备的系统font目录中。此步骤中，图片生成设备判断内存中是否存在字体对象，若存在，则直接获取所述字体对象；若不存在，则将字体对象读取到内存中之后再获取所述字体对象，将字体对象读取到内存中之后再获取所述字体对象可以加快二次读取的效率。

S206：根据用户提交的数据信息设置所述字体对象的参数，如高宽、粗体、斜体等参数。

S207：将所述字体对象加载到所述图像对象中。

S208：再次更新所述图像对象，也就是完成以上配置后，将所述图像对象再在内存中绘制一下。

S209：将图片缓冲区生成文字图片。

根据本发明，还提供一种展示特殊字体的页面装修装置。

上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，取决于设计要求和其他因素，可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。

Claims (9)

1.一种展示特殊字体的页面装修方法，其特征在于，包括：

从客户端设备接收包含文字代码的页面装修代码，所述文字代码包括文字内容以及字体名称和样式参数；

根据所述文字代码生成文字图片；

把所述文字图片上传至图片服务器并从所述图片服务器获得所述文字图片的链接；

把所述文字代码替换成所述链接以形成更新的页面装修代码；

把所述更新的页面装修代码提供给所述客户端设备；

其中，生成文字图片包括：

在内存中生成图片缓冲区；

设置图片缓冲区的参数；

在图片缓冲区中生成图像对象Graphics2D；

更新所述图像对象；

设置所述图像对象的样式参数；

对所述图像对象进行抗锯齿处理；

获取字体对象；

设置所述字体对象的参数；

将所述字体对象加载到所述图像对象中；

再次更新所述图像对象；

将图片缓冲区生成文字图片。

2.根据权利要求1所述的方法，其特征在于，所述文字代码是HTML格式的文字代码。

3.根据权利要求2所述的方法，其特征在于，所述链接是所述文字图片的统一资源定位符(URL)。

4.根据权利要求1所述的方法，其特征在于，设置图片缓冲区的参数包括：

设置所述图片缓冲区的高宽；

设置所述图片缓冲区的颜色值类型。

5.根据权利要求1所述的方法，其特征在于，设置所述图像对象的样式参数包括：

设置所述图像对象的文字画笔粗细；

设置所述图像对象的颜色。

6.一种展示特殊字体的页面装修系统，其特征在于，包括：

客户端设备；

图片生成设备；和

图片服务器，

其中，所述客户端、所述图片生成设备和所述图片服务器彼此之间以有线或无线方式通信，

其中，所述客户端设备用于接收用户输入的页面装修代码，所述页面装修代码包含文字代码，所述文字代码包括文字内容以及字体名称和样式参数，并且所述客户端设备用于把所述页面装修代码发送给图片生成设备并且接收所述图片生成设备提供的更新的页面装修代码，所述更新的页面装修代码包含与所述文字代码对应的文字图片的链接，

其中，所述图片生成设备根据所述文字代码生成文字图片，把所述文字图片上传至图片服务器并从所述图片服务器获得所述文字图片的链接，把所述文字代码替换成所述链接以形成更新的页面装修代码，并且把所述更新的页面装修代码发送给所述客户端设备，

其中，所述图片服务器把上传的所述文字图片存入图片库中，产生该文字图片的链接并返回给所述图片生成设备；

其中，生成文字图片包括：

在内存中生成图片缓冲区；

设置图片缓冲区的参数；

在图片缓冲区中生成图像对象Graphics2D；

更新所述图像对象；

设置所述图像对象的样式参数；

对所述图像对象进行抗锯齿处理；

获取字体对象；

设置所述字体对象的参数；

将所述字体对象加载到所述图像对象中；

再次更新所述图像对象；

将图片缓冲区生成文字图片。

7.根据权利要求6所述的页面装修系统，其特征在于，所述客户端设备是下述的一种：智能手机、PDA、PMP、数字广播终端、导航系统移动因特网设备、掌上电脑、平板电脑、笔记本电脑。

8.一种在客户端设备展示特殊字体的页面装修方法，其特征在于，包括：

接收用户输入的页面装修代码，所述页面装修代码包含文字代码，所述文字代码包括文字内容以及字体名称和样式参数；

把所述页面装修代码发送给图片生成设备并且接收所述图片生成设备提供的更新的页面装修代码，所述更新的页面装修代码包含与所述文字代码对应的文字图片的链接；

显示所述更新的页面装修代码对应的页面的装置；

其中，所述图片生成设备根据所述文字代码生成文字图片，把所述文字图片上传至图片服务器并从所述图片服务器获得所述文字图片的链接，把所述文字代码替换成所述链接以形成更新的页面装修代码，并且把所述更新的页面装修代码发送给所述客户端设备；

其中，生成文字图片包括：

在内存中生成图片缓冲区；

设置图片缓冲区的参数；

在图片缓冲区中生成图像对象Graphics2D；

更新所述图像对象；

设置所述图像对象的样式参数；

对所述图像对象进行抗锯齿处理；

获取字体对象；

设置所述字体对象的参数；

将所述字体对象加载到所述图像对象中；

再次更新所述图像对象；

将图片缓冲区生成文字图片。

9.一种客户端设备，其特征在于，包括：

用于接收用户输入的页面装修代码的装置，所述页面装修代码包含文字代码，所述文字代码包括文字内容以及字体名称和样式参数；

用于把所述页面装修代码发送给图片生成设备并且接收所述图片生成设备提供的更新的页面装修代码的装置，所述更新的页面装修代码包含与所述文字代码对应的文字图片的链接；

用于显示所述更新的页面装修代码对应的页面的装置；

其中，所述图片生成设备根据所述文字代码生成文字图片，把所述文字图片上传至图片服务器并从所述图片服务器获得所述文字图片的链接，把所述文字代码替换成所述链接以形成更新的页面装修代码，并且把所述更新的页面装修代码发送给所述客户端设备；

其中，生成文字图片包括：

在内存中生成图片缓冲区；

设置图片缓冲区的参数；

在图片缓冲区中生成图像对象Graphics2D；

更新所述图像对象；

设置所述图像对象的样式参数；

对所述图像对象进行抗锯齿处理；

获取字体对象；

设置所述字体对象的参数；

将所述字体对象加载到所述图像对象中；

再次更新所述图像对象；

将图片缓冲区生成文字图片。