CN109670069A - 一种书法文字图像的排版方法及排版系统 - Google Patents

Abstract

本发明公开了一种书法文字图像的排版方法及排版系统，其将书法作品分割为单字图像，得到单字图片；将所述单字图片以及用于检索所述单字图片的索引信息进行匹配并存储至书法字体库；根据用户输入的索引信息，从所述书法字体库中调用对应匹配的单字图片；根据用户输入的排版信息，将所述单字图片排布于展示界面上，从而实现对电子化书法作品的自定义索引、快速排版、智能化保存、快速重新编辑等功能，使用更方便。

Description

一种书法文字图像的排版方法及排版系统

技术领域

本发明涉及图文处理技术领域，特别是一种书法文字图像的排版方法及其应用该方法的系统。

背景技术

中国书法历史悠久，书体沿革流变，书法艺术美丽迷人，是中国上下五千年文明历史中的珍贵文化瑰宝。中国书法是随着中国历史的发展而不断的演变：在书法的萌芽时期(殷商至汉末三国)，文字经历由甲骨文、古文、大篆、小篆、隶书、草书、行书、真书等阶段，依次演进。在书法的明朗时期(晋南北朝至隋唐)，书法艺术进入了新的境界，由篆隶趋从于简易的草行和真书，它们成为该时期的主流风格。大书法家王羲之的出现使书法艺术大放异彩，他的艺术成就传至唐朝倍受推崇。同时，唐代一群书法家蜂拥而起，如:虞世南、欧阳询、楮遂良、颜真卿、柳公权等大名家，在书法造诣上各有千秋、风格多样。

随着科技的发展，为了更好的保护书法作品，同时为了书法爱好者更好的学习传统书法，将书面的书法作品转变为电子化多媒体形式已经成为一种趋势。书法作品的电子化方法，通常是将刻在石碑或者写在宣纸上的字扫描得到，再对扫描的书法作品进行去除噪声等图像处理，得到电子化的书法作品。

但是，现有技术的电子化书法作品由于是图像格式，使得书法爱好者在使用时无法根据自己的喜好对其进行重新编辑或重新排版，例如，对其中的某个字体进行替换，或者，对其排版顺序或方向进行变更，等等；从而使得电子化书法作品的适用范围受到极大的限制。

发明内容

本发明为解决上述问题，提供了一种书法文字图像的排版方法及排版系统，能够实现对电子化书法作品的自定义快速排版，使用更方便。

为实现上述目的，本发明采用的技术方案为：

一种书法文字图像的排版方法，其包括以下步骤：

a.将书法作品分割为单字图像，得到单字图片；

b.将所述单字图片以及用于检索所述单字图片的索引信息进行匹配并存储至书法字体库；

c.根据用户输入的索引信息，从所述书法字体库中调用对应匹配的单字图片；

d.根据用户输入的排版信息，将所述单字图片排布于展示界面上。

优选的，所述的步骤a中，所述单字图片的制作方法采用以下任一种：

a1.直接将分割后的单字图像保存为单字位图；

a2.对分割后的单字图像进行矢量化处理，得到单字矢量图；

a3.对所述书法作品进行矢量化处理，得到书法矢量图；再对所述书法矢量图进行分割处理，得到单字矢量图。

优选的，所述的步骤b和步骤c中，所述的索引信息包括所述单字图片对应的文字内容、文字字体、作者姓名、图片ID、图片地址。

优选的，所述的步骤d中，进一步包括：

d1.在前端网页上设置一个总的图片容器DIV；

d2.在容器中根据HTML的标签ul和标签li将所述单字图片进行分行分列，用ul来设置为一个列表的形式，再设置一个li代表一列；

d3.对所述标签li添加样式表的向右浮动特性。

进一步的，所述图片容器DIV的宽度设置为100％，并根据每行显示的单字图片的数量动态计算每一列的宽度；所述图片容器DIV的高度设置为自适应高度，并使所述单字图片的高度等于所述单字图片的宽度。

优选的，还包括步骤e，进一步对排版后的单字图片进行字体切换；所述字体切换是通过点击任一待切换的单字图片，将所述待切换的单字图片的文字内容对应的备选字体进行浮层显示；根据用户所选择的备选字体对所述待切换的单字图片进行字体切换；并且，还包括对一个以上的备选字体进行辨析，用户根据所述备选字体的辨析进行选择合适的字体。

优选的，还包括步骤f，进一步对排版后的单字图片进行保存；其保存过程进一步包括如下步骤：

f1.判断排版后的总体宽度是否大于总体高度，若否，则直接保存排版结果；若是，则执行步骤f2或步骤f3；

f2.将行数和列数对调；将右起竖排转换为左起横排；并将每个单字图片逆时针旋转90°或顺时针旋转270°；或者，

f3.将行数和列数对调；将左起横排转换为右起竖排；并将每个单字图片顺时针旋转90°或逆时针旋转270°。

进一步的，所述的步骤f中，保存排版结果时，同时产生一个对应的存储ID，并将所述索引信息和所述排版信息与所述存储ID进行匹配保存。

优选的，还包括步骤g，进一步对保存结果进行重新编辑；所述重新编辑是指根据所述存储ID对应的索引信息和排版信息，重新从所述书法字体库中调用对应匹配的单字图片并进行重新排版；并可对所述的步骤d的排版结果或者对所述的步骤g的重新排版结果进行以下调整中的任一个：

g1.根据用户选择的单字图片，进行替换img标签的src值；

g2.根据用户选择的字号，动态地修改展示页面上相应所述单字图片的宽度或高度；

g3.根据用户选择的背景颜色和文字颜色，动态地修改图片容器DIV的背景样式，并根据画布canvas的HTML5特性动态地为图片循环修改颜色；

g4.根据用户背景图样式，动态地为图片容器DIV循环添加米字格或田字格。

对应的，本发明还包括一种书法文字图像的排版系统，其包括：

字体采集模块，用于将书法作品分割为单字图像，得到单字图片；

字体库创建模块，用于将所述单字图片以及用于检索所述单字图片的索引信息进行匹配并存储至书法字体库；

字体索引模块，用于根据用户输入的索引信息，从所述书法字体库中调用对应匹配的单字图片；

集字展示模块，根据用户输入的排版信息，将所述单字图片排布于展示界面上；

编辑模块，用于对排版后的单字图片进行字体切换和界面编辑；

存储模块，用于对排版后的单字图片进行保存。

本发明的有益效果是：

(1)本发明通过对书法作品进行分割处理得到单字图片，并根据单字图片及索引信息构建书法字体库，使得用户能够利用所述书法字体库实现对电子化书法作品的自定义快速排版，使用更方便；

(2)本发明能够通过单字图片对应的文字内容、文字字体、作者姓名、图片ID、图片地址等索引信息对书法字体库进行准确索引，从而便于用户快速查找所需的内容；

(3)本发明通过标签ul和标签li对单子矢量图进行分行分列，并对所述标签li添加样式表的向右浮动特性，从而能够实现右起竖排的效果，更加符合古书法的书写习惯；

(4)本发明的排版方法，采用每行图片数量动态计算每一列的宽度，高度设置为自适应高度，并使所述单字图片的高度等于所述单字图片的宽度，从而使得排版效果更好，不会产生错乱；

(5)本发明可进一步对排版后的任一单字图片进行字体切换，使得用户能够更自由的选择喜欢的字体，用户体验更好；

(6)本发明还可以通过行列对调和单字图片的旋转，实现排版结果图能够在左起横排效果和右起竖排效果之间进行切换，从而使得排版结果图能够更好的适应展示终端的屏幕尺寸，避免因宽度或高度受限导致比例不协调而使得保存的结果图字体模糊；

(7)本发明在保存结果时，同时产生一个对应的存储ID，并将所述索引信息和所述排版信息与所述存储ID进行匹配保存，从而便于对保存结果进行重新编辑和重新排版，无需用户再次定义索引信息和排版信息，极大的节约了用户的时间。

具体实施方式

为了使本发明所要解决的技术问题、技术方案及有益效果更加清楚、明白，以下结合具体实施例对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本发明，并不用于限定本发明。

实施例一(应用于书法作品的终端展示)

本实施例的一种书法文字图像的排版方法，其包括以下步骤：

a.将书法作品分割为单字图像，得到单字图片；

b.将所述单字图片以及用于检索所述单字图片的索引信息进行匹配并存储至书法字体库；

c.根据用户输入的索引信息，从所述书法字体库中调用对应匹配的单字图片；

d.根据用户输入的排版信息，将所述单字图片排布于展示界面上。

图像矢量化处理是指将位图图像转换成矢量图的一种技术：位图由一个一个的像素组成，伸缩后会产生锯齿状的噪声；本实施例的单字图片是由数学公式表示的曲线组成，具有伸缩不变形，从而便于适应不同字号的字体的缩放，并能够保证缩放后的字体清晰度。

所述的步骤a中，所述单字图片的制作方法采用以下任一种：

a1.直接将分割后的单字图像保存为单字位图；本实施例中采用png格式的位图，并对分割后的单字位图进行图像背景和文字的处理，例如，对图像背景进行透明化处理，以及将文字颜色改为红色；

a2.对分割后的单字图像进行矢量化处理，得到单字矢量图；

a3.对所述书法作品进行矢量化处理，得到书法矢量图；再对所述书法矢量图进行分割处理，得到单字矢量图。

现有的自动化矢量化方法中，对于所有输入的图像都采用完全相同的处理算法，从不进行图像内容分析，也不关注图像自身的特征，导致这些方法很难区分出图像中的噪声和细节特征，如果去除所有的噪声，那么图像的细节也会同时被丢失；如果保留太多细节的话，噪声会使得结果显得很不美观，失去了矢量化的意义。本实施例还进一步的对矢量化的单字图片进行去噪处理、边缘拟合处理、边缘平滑处理；并通过提取字体的边缘，以及根据提取的边缘对边缘内的连通区域进行黑色填充，使得处理后的单字图片更清晰完整。

所述的步骤b和步骤c中，所述的索引信息包括所述单字图片对应的文字内容、文字字体、作者姓名、图片ID、图片地址。例如，用户根据自己的需求，在前端网页首页通过输入文字内容、字体、竖排几行、作者等选项，提交请求给后端，后端根据这些索引信息动态地从书法字体库中取出相对应的数据，数据包括：单字图片的图片ID、图片地址、图片的作者、图片的字体等信息；

所述的步骤d中，进一步包括：

d1.在前端网页上设置一个总的图片容器DIV；

d2.在容器中根据HTML的标签ul和标签li将所述单字图片进行分行分列，用ul来设置为一个列表的形式，再设置一个li代表一列；

d3.对所述标签li添加样式表的向右浮动特性。

本实施例中，所述图片容器DIV的宽度设置为100％，并根据每行显示的单字图片的数量动态计算每一列的宽度，即，每一列的宽度是根据每行要显示多少张图片动态地计算出来；所述图片容器DIV的高度设置为自适应高度，并使所述单字图片的高度等于所述单字图片的宽度；本实施例中，原书法作品中同一竖的单字图片在排版时默认为放在一个li里面，从而实现竖排效果。

本实施例中，为了便于用户的直接调用书法字体库的排版结果进行个性化定义，还可以进一步对排版结果进行重新编辑。所述重新编辑包括以下步骤：

e.进一步对排版后的单字图片进行字体切换；所述字体切换是通过点击任一待切换的单字图片，将所述待切换的单字图片的文字内容对应的备选字体进行浮层显示；根据用户所选择的备选字体对所述待切换的单字图片进行字体切换；

所述字体，包括篆书、隶书、燕体、楷书、草书、宋体、仿宋体、黑体等规范字体，还包括同一个字的简体字、繁体字、异体字，以及同一个字的相同作者的不同写法、不同作者的不同写法、不同字体的不同写法等，均可进行浮层显示，作为备选字体供用户选择和切换。

本实施例中，还包括对一个以上的备选字体进行辨析，例如，繁简字辨析、异体字辨析，以辅助用户对不同字体的含义和用法进行理解，使得用户能够根据所述备选字体的辨析进行选择合适的字体。

另外，还可对所述的步骤d的排版结果进行以下调整中的任一个：

g1.根据用户选择的单字图片，进行替换img标签的src值；

g2.根据用户选择的字号，动态地修改展示页面上相应所述单字图片的宽度或高度；

g3.根据用户选择的背景颜色和文字颜色，动态地修改图片容器DIV的背景样式，并根据画布canvas的HTML5特性动态地为图片循环修改颜色；

g4.根据用户背景图样式，动态地为图片容器DIV循环添加米字格或田字格。

实施例二(应用于集字字帖)

与第一实施例的主要区别在于：本实施例中不仅可对排版结果在终端上进行展示，还包括步骤f，进一步对排版后的单字图片进行保存；以及步骤g，进一步对保存结果进行重新编辑；从而进一步根据保存和输出的排版结果形成集字字帖，用户可将该集字字帖投影至临摹台上进行临摹或学习。

所述的步骤f中，其保存过程进一步包括如下步骤：

f1.判断排版后的总体宽度是否大于总体高度，若否，则直接保存排版结果；若是，则执行步骤f2或步骤f3；

f2.将行数和列数对调；将右起竖排转换为左起横排；并将每个单字图片逆时针旋转90°或顺时针旋转270°；或者，

f3.将行数和列数对调；将左起横排转换为右起竖排；并将每个单字图片顺时针旋转90°或逆时针旋转270°。

例如，在手机等移动终端进行保存排版结果时，默认情况下，保存结果为竖排显示的图片；由于手机屏幕宽度有限，高度无限，当集字的内容宽度比较大的情况下，宽度受到限制，会导致单字图片显示比较模糊。采用本实施例的方法，将竖排显示转换为横排显示，则能够保证集出来的字不会模糊。

进一步的，所述的步骤f中，保存排版结果时，同时产生一个对应的存储ID，并将所述索引信息和所述排版信息与所述存储ID进行匹配保存。

所述的步骤g中，所述重新编辑是指根据所述存储ID对应的索引信息和排版信息，重新从所述书法字体库中调用对应匹配的单字图片并进行重新排版；例如，根据用户上次整体保存后产生的存储ID，通过书法字体库取出用户之前选择的各个选项，包括:文字内容、作者、字体、米字格、竖排几行等参数，无需再次设置这些参数，方便快捷。

并且，还可对所述的步骤g的重新排版结果进行以下调整中的任一个：

g1.根据用户选择的单字图片，进行替换img标签的src值；

g2.根据用户选择的字号，动态地修改展示页面上相应所述单字图片的宽度或高度；

g3.根据用户选择的背景颜色和文字颜色，动态地修改图片容器DIV的背景样式，并根据画布canvas的HTML5特性动态地为图片循环修改颜色；

g4.根据用户背景图样式，动态地为图片容器DIV循环添加米字格或田字格。

另外，本发明还包括一种书法文字图像的排版系统，其包括：

字体采集模块，用于将书法作品分割为单字图像，得到单字图片；

字体库创建模块，用于将所述单字图片以及用于检索所述单字图片的索引信息进行匹配并存储至书法字体库；

字体索引模块，用于根据用户输入的索引信息，从所述书法字体库中调用对应匹配的单字图片；

集字展示模块，根据用户输入的排版信息，将所述单字图片排布于展示界面上；

编辑模块，用于对排版后的单字图片进行字体切换和界面编辑；

存储模块，用于对排版后的单字图片进行保存。

需要说明的是，本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。对于系统实施例而言，由于其与第一实施例和第二实施例的方法基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

并且，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。另外，本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

上述说明示出并描述了本发明的优选实施例，应当理解本发明并非局限于本文所披露的形式，不应看作是对其他实施例的排除，而可用于各种其他组合、修改和环境，并能够在本文发明构想范围内，通过上述教导或相关领域的技术或知识进行改动。而本领域人员所进行的改动和变化不脱离本发明的精神和范围，则都应在本发明所附权利要求的保护范围内。

Claims (10)

1.一种书法文字图像的排版方法，其特征在于，包括以下步骤：

a.将书法作品分割为单字图像，得到单字图片；

b.将所述单字图片以及用于检索所述单字图片的索引信息进行匹配并存储至书法字体库；

c.根据用户输入的索引信息，从所述书法字体库中调用对应匹配的单字图片；

d.根据用户输入的排版信息，将所述单字图片排布于展示界面上。

2.根据权利要求1所述的一种书法文字图像的排版方法，其特征在于：所述的步骤a中，所述单字图片的制作方法采用以下任一种：

a1.直接将分割后的单字图像保存为单字位图；

a2.对分割后的单字图像进行矢量化处理，得到单字矢量图；

a3.对所述书法作品进行矢量化处理，得到书法矢量图；再对所述书法矢量图进行分割处理，得到单字矢量图。

3.根据权利要求1所述的一种书法文字图像的排版方法，其特征在于：所述的步骤b和步骤c中，所述的索引信息包括所述单字图片对应的文字内容、文字字体、作者姓名、图片ID、图片地址。

4.根据权利要求1所述的一种书法文字图像的排版方法，其特征在于：所述的步骤d中，进一步包括：

d1.在前端网页上设置一个总的图片容器DIV；

d2.在容器中根据HTML的标签ul和标签li将所述单字图片进行分行分列，用ul来设置为一个列表的形式，再设置一个li代表一列；

d3.对所述标签li添加样式表的向右浮动特性。

5.根据权利要求4所述的一种书法文字图像的排版方法，其特征在于：所述图片容器DIV的宽度设置为100％，并根据每行显示的单字图片的数量动态计算每一列的宽度；所述图片容器DIV的高度设置为自适应高度，并使所述单字图片的高度等于所述单字图片的宽度。

6.根据权利要求1至5任一项所述的一种书法文字图像的排版方法，其特征在于：还包括步骤e，进一步对排版后的单字图片进行字体切换；所述字体切换是通过点击任一待切换的单字图片，将所述待切换的单字图片的文字内容对应的备选字体进行浮层显示；根据用户所选择的备选字体对所述待切换的单字图片进行字体切换；并且，还包括对一个以上的备选字体进行辨析，用户根据所述备选字体的辨析进行选择合适的字体。

7.根据权利要求1至5任一项所述的一种书法文字图像的排版方法，其特征在于：还包括步骤f，进一步对排版后的单字图片进行保存；其保存过程进一步包括如下步骤：

f1.判断排版后的总体宽度是否大于总体高度，若否，则直接保存排版结果；若是，则执行步骤f2或步骤f3；

f2.将行数和列数对调；将右起竖排转换为左起横排；并将每个单字图片逆时针旋转90°或顺时针旋转270°；或者，

f3.将行数和列数对调；将左起横排转换为右起竖排；并将每个单字图片顺时针旋转90°或逆时针旋转270°。

8.根据权利要求7所述的一种书法文字图像的排版方法，其特征在于：所述的步骤f中，保存排版结果时，同时产生一个对应的存储ID，并将所述索引信息和所述排版信息与所述存储ID进行匹配保存。

9.根据权利要求8所述的一种书法文字图像的排版方法，其特征在于：还包括步骤g，进一步对保存结果进行重新编辑；所述重新编辑是指根据所述存储ID对应的索引信息和排版信息，重新从所述书法字体库中调用对应匹配的单字图片并进行重新排版；并可对所述的步骤d的排版结果或者对所述的步骤g的重新排版结果进行以下调整中的任一个：

g1.根据用户选择的单字图片，进行替换img标签的src值；

g2.根据用户选择的字号，动态地修改展示页面上相应所述单字图片的宽度或高度；

g3.根据用户选择的背景颜色和文字颜色，动态地修改图片容器DIV的背景样式，并根据画布canvas的HTML5特性动态地为图片循环修改颜色；

g4.根据用户背景图样式，动态地为图片容器DIV循环添加米字格或田字格。

10.一种书法文字图像的排版系统，其特征在于，包括：

字体采集模块，用于将书法作品分割为单字图像，得到单字图片；

字体库创建模块，用于将所述单字图片以及用于检索所述单字图片的索引信息进行匹配并存储至书法字体库；

字体索引模块，用于根据用户输入的索引信息，从所述书法字体库中调用对应匹配的单字图片；

集字展示模块，根据用户输入的排版信息，将所述单字图片排布于展示界面上；

编辑模块，用于对排版后的单字图片进行字体切换和界面编辑；

存储模块，用于对排版后的单字图片进行保存。