CN114692017A - 一种字帖图片在线内容检索方法 - Google Patents

Abstract

本发明涉及图片在线展示和检索技术领域，且公开了一种字帖图片在线内容检索方法。为实现以上字帖图片在线内容检索方法目的，本发明通过以下技术方案予以实现：一种字帖图片在线内容检索方法，包括以下具体方法：S1、数据生成与服务；S11、确定瓦片地图金字塔模型层数z；S12、建立瓦片地图金字塔模型；该字帖图片在线内容检索方法，通过利用字帖图片建立瓦片地图金字塔模型数据，可实现在网页访问下，快速打开整幅作品，同时在瓦片地图金字塔模型数据中的地图瓦片进行坐标定位，可以标记图片中某个区域的位置，便于对地图瓦片中的内容进行标记存储，实现按需加载图片的部分区域，移动网络下节省流量。

Description

一种字帖图片在线内容检索方法

技术领域

本发明涉及图片在线展示和检索技术领域，具体为一种字帖图片在线内容检索方法。

背景技术

目前常用的高分辨率高质量碑帖、字帖、绘画作品的扫描件(包括高清照片)多以无损格式进行保存，这些格式的图像文件通常都比较大，为了满足人们基于互联网在线实时快速查看高分辨率图像，目前解决办法是将大图片切片成小图片，逐个分步加载的方式来展示。

现有字帖图片展示的方式无法直观的查看到碑帖、字帖或者绘画作品的全貌，不易快速定位到自己想看的部分，操作上要不断的切换图片，无法对书法作品中的内容，比如具体的某个“字”进行定位，继而无法提供在作品中的搜索功能，切片图片的分辨率太小，则文件数量太多；切片图片的分辨率太大，则无法保证清晰度。

发明内容

为实现以上字帖图片在线内容检索方法目的，本发明通过以下技术方案予以实现：一种字帖图片在线内容检索方法，包括以下具体方法：

S1、数据生成与服务：

S11、确定瓦片地图金字塔模型层数z；

S12、建立瓦片地图金字塔模型：

S121、以所述瓦片地图金字塔的顶层为第0层；

S122、对所述第0层进行分块：从所述第0层中地图图片的左上角开始，从左至右、从上到下进行切割，分割成相同大小的正方形地图瓦片，形成所述第0层瓦片矩阵；

S123、在所述第0层地图图片的基础上，按每像素分割为2×2个像素的方式生成第1层地图图片，并对其进行分块，分割成与上一层相同大小的正方形地图瓦片，形成第1层瓦片矩阵；

S124、采用S122和S123的方式生成第2层瓦片矩阵、第3层瓦片矩阵、……，直到第N一1层瓦片矩阵，所述第0层瓦片矩阵、第1层瓦片矩阵、……、第N一1层瓦片矩阵构成整个瓦片地图金字塔；

S125、对所述瓦片地图金字塔中的每个所述地图瓦片进行坐标定位，所述地图瓦片的坐标为(z，x，y)；

S13、将所述瓦片地图金字塔模型数据部署在服务器端，提供web图片服务；

S2、数据访问与显示：

S21、客户端浏览器根据显示设备屏幕尺寸生成合适尺寸canvas画板，用户打开页面时，访问第0层图片，并加载绘制在所述canvas画板上；

S22、在对图片某一区域放大时，加载对应所述区域z+1层图片，所述区域的图片放在所述canvas画板中心位置画板，对应所述区域位置四周的图片同步加载，z表示当前图层图片；

S23、在对所述canvas画板整体图片进行放大时，中心位置不变，加载z+1层图片，在对图片进行缩小时，加载z-1层图片，z表示当前图层；

S3、图片内容定位标记与检索：

S31、遍历第z层图片，将每张所述地图瓦片中所写内容设置为关键词，并记录对应所述地图瓦片的位置坐标(z，x，y)；

S32、用户输入搜索词条后，利用词条与关键词的匹配，获取与词条相符的所述地图瓦片的位置坐标(z，x，y)，并在所述canvas画板中加载。

进一步的，所述瓦片地图金字塔模型层数确定的具体方法为：

S111、取原图片，借助工具软件将字帖图片转成jpeg格式，获取所述字帖图片文件的分辨率width0(宽)和height0(高)，取值size0＝max(width0，height0)；

S112、获取所述原图片的分辨率width(宽)和height(高)，取值size＝max(width，height)；

S113、size除以size0得商并向上取整得N，即N＝Ceiling(size/size0)；

S114、以2为底求N的对数再四舍五入得所述瓦片地图金字塔模型层数z，即z＝log2(N)。

进一步的，所述原图片包括碑帖、字帖、绘画作品扫描件的无损格式保存文件。

进一步的，所述瓦片地图金字塔的第0层为所述客户端浏览器地图服务平台所提供的缩放级别最低、地图比例尺最小的地图图片。

进一步的，生成所述地图瓦片的文件采用的软件为Maptiler，切割级别为所述瓦片地图金字塔模型层数z。

进一步的，所述地图瓦片的坐标中，z为所述地图瓦片在瓦片地图金字塔模型中的层数，x为所述地图瓦片在对应的所述地图瓦片在瓦片地图金字塔模型层数中的列数加1，y为所述地图瓦片在对应的所述地图瓦片在瓦片地图金字塔模型层数中的行数加1。

进一步的，S13中所述瓦片地图金字塔模型数据部署在云服务器nginx服务中。

进一步的，所述图片内容定位标记与检索的具体方法为：

S321、将关键词、对应的所述地图瓦片的缩略图和位置坐标(z，x，y)存储在数据库中；

S322、用户输入搜索词条后，遍历数据库关键词字段，字符串匹配查询，获取结果列表；

S323、展示结果列表缩略图，用户选择记录后，根据位置坐标(z，x，y)，所述canvas画板加载对应的所述地图瓦片在中心位置，所述地图瓦片四周的所述地图瓦片同步加载，填满canvas。

与现有技术相比，本发明具有以下有益效果：

1、该字帖图片在线内容检索方法，通过利用字帖图片建立瓦片地图金字塔模型数据，可实现在网页访问下，快速打开整幅作品，同时在瓦片地图金字塔模型数据中的地图瓦片进行坐标定位，可以标记图片中某个区域的位置，便于对地图瓦片中的内容进行标记存储，实现按需加载图片的部分区域，移动网络下节省流量，同时保证检索内容的清晰度。

2、该字帖图片在线内容检索方法，通过借助工具软件将字帖原图片转成jpeg格式，同时利用原图片的分辨率与转换后的分辨率确定瓦片地图金字塔模型数据的层数，在保证字帖图片分辨率的情况下，可减小字帖图片文件的大小，在正常带宽下可以在很短时间内完成图片的加载。

附图说明

图1为本发明瓦片地图金字塔模型结构示意图一；

图2为本发明瓦片地图金字塔模型结构示意图二；

图3为本发明瓦片地图金字塔模型坐标定位示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

该字帖图片在线内容检索方法的实施例如下：

请参阅图1-图3，一种字帖图片在线内容检索方法，包括以下具体方法：

S1、数据生成与服务：

S11、确定瓦片地图金字塔模型层数z：

瓦片地图金字塔模型层数确定的具体方法为：

S111、取原图片，原图片包括碑帖、字帖、绘画作品扫描件的无损格式保存文件，借助工具软件将字帖图片转成jpeg格式，获取字帖图片文件的分辨率width0(宽)和height0(高)，取值size0＝max(width0，height0)；

S112、获取原图片的分辨率width(宽)和height(高)，取值size＝max(width，height)；

S113、size除以size0得商并向上取整得N，即N＝Ceiling(size/size0)；

S114、以2为底求N的对数再四舍五入得瓦片地图金字塔模型层数z，即z＝log2(N)；

S12、建立瓦片地图金字塔模型：

S121、以瓦片地图金字塔的顶层为第0层，瓦片地图金字塔的第0层为客户端浏览器地图服务平台所提供的缩放级别最低、地图比例尺最小的地图图片；

S122、采用Maptiler软件生成地图瓦片的文件，切割级别为瓦片地图金字塔模型层数z，对第0层进行分块：从第0层中地图图片的左上角开始，从左至右、从上到下进行切割，分割成相同大小的正方形地图瓦片，形成第0层瓦片矩阵，；

S123、在第0层地图图片的基础上，按每像素分割为2×2个像素的方式生成第1层地图图片，并对其进行分块，分割成与上一层相同大小的正方形地图瓦片，形成第1层瓦片矩阵；

S124、采用S122和S123的方式生成第2层瓦片矩阵、第3层瓦片矩阵、……，直到第N一1层瓦片矩阵，第0层瓦片矩阵、第1层瓦片矩阵、……、第N一1层瓦片矩阵构成整个瓦片地图金字塔；

S125、对瓦片地图金字塔中的每个地图瓦片进行坐标定位，地图瓦片的坐标为(z，x，y)，地图瓦片的坐标中，z为地图瓦片在瓦片地图金字塔模型中的层数，x为地图瓦片在对应的地图瓦片在瓦片地图金字塔模型层数中的列数加1，y为地图瓦片在对应的地图瓦片在瓦片地图金字塔模型层数中的行数加1；

S13、将瓦片地图金字塔模型数据部署在云服务器nginx服务中，提供web图片服务；

S2、数据访问与显示：

S21、客户端浏览器根据显示设备屏幕尺寸生成合适尺寸canvas画板，用户打开页面时，访问第0层图片，并加载绘制在canvas画板上；

S22、在对图片某一区域放大时，加载对应区域z+1层图片，区域的图片放在canvas画板中心位置画板，对应区域位置四周的图片同步加载，z表示当前图层图片；

S23、在对canvas画板整体图片进行放大时，中心位置不变，加载z+1层图片，在对图片进行缩小时，加载z-1层图片，z表示当前图层；

S3、图片内容定位标记与检索：

S31、遍历第z层图片，将每张地图瓦片中所写内容设置为关键词，并记录对应地图瓦片的位置坐标(z，x，y)；

S32、用户输入搜索词条后，利用词条与关键词的匹配，获取与词条相符的地图瓦片的位置坐标(z，x，y)，并在canvas画板中加载：

S321、将关键词、对应的地图瓦片的缩略图和位置坐标(z，x，y)存储在数据库中；

S322、用户输入搜索词条后，遍历数据库关键词字段，字符串匹配查询，获取结果列表；

S323、展示结果列表缩略图，用户选择记录后，根据位置坐标(z，x，y)，canvas画板加载对应的地图瓦片在中心位置，地图瓦片四周的地图瓦片同步加载，填满canvas。

工作原理：首先获取瓦片地图金字塔模型数据，第一步确定瓦片地图金字塔模型层数z：取原图片，原图片包括碑帖、字帖、绘画作品扫描件的无损格式保存文件，借助工具软件(如photoshop)将字帖图片(tiff格式)转成jpeg格式，限制文件大小为200k左右，获取字帖图片文件的分辨率width0(宽)和height0(高)，取值size0＝max(width0，height0)；

获取原图片的分辨率width(宽)和height(高)，取值size＝max(width，height)，size除以size0得商并向上取整得N，即N＝Ceiling(size/size0)，以2为底求N的对数再四舍五入得瓦片地图金字塔模型层数z，即z＝log2(N)，从而确定瓦片地图金字塔模型层数z。

然后，建立瓦片地图金字塔模型，以客户端浏览器地图服务平台所提供的缩放级别最低、地图比例尺最小的地图图片作为瓦片地图金字塔的第0层，第0层为瓦片地图金字塔的顶层，采用Maptiler软件生成地图瓦片的文件，切割级别为瓦片地图金字塔模型层数z，对第0层进行分块：从第0层中地图图片的左上角开始，从左至右、从上到下进行切割，分割成相同大小的正方形地图瓦片，形成第0层瓦片矩阵。

在第0层地图图片的基础上，按每像素分割为2×2个像素的方式生成第1层地图图片，并对其进行分块，分割成与上一层相同大小的正方形地图瓦片，形成第1层瓦片矩阵，采用S122和S123的方式生成第2层瓦片矩阵、第3层瓦片矩阵、……，直到第N一1层瓦片矩阵，第0层瓦片矩阵、第1层瓦片矩阵、……、第N一1层瓦片矩阵构成整个瓦片地图金字塔。

对瓦片地图金字塔中的每个地图瓦片进行坐标定位，地图瓦片的坐标为(z，x，y)，地图瓦片的坐标中，z为地图瓦片在瓦片地图金字塔模型中的层数，x为地图瓦片在对应的地图瓦片在瓦片地图金字塔模型层数中的列数加1，y为地图瓦片在对应的地图瓦片在瓦片地图金字塔模型层数中的行数加1，然后将瓦片地图金字塔模型数据部署在云服务器nginx服务中，提供web图片服务；

字帖图片数据的访问与显示：当用户使用客户端浏览器查询字帖图片时，客户端浏览器根据显示设备屏幕尺寸生成合适尺寸canvas画板，用户打开页面时，访问第0层图片，并加载绘制在canvas画板上。

当用户使用电脑客户端访问时，当鼠标双击某区域后，加载对应区域z+1层(z表示当前图层)图片，放在canvas中心位置，对应区域位置四周的图片同步加载，鼠标中键向前滚动时，中心位置不变，加载z+1层(z表示当前图层)图片，鼠标中键向后滚动时，加载z-1层(z表示当前图层)图片。

字帖图片中内容的定位标记与检索：遍历第z层图片，将每张地图瓦片中所写内容设置为关键词，并记录对应地图瓦片的位置坐标(z，x，y)，用户输入搜索词条后，利用词条与关键词的匹配，获取与词条相符的地图瓦片的位置坐标(z，x，y)，并在canvas画板中加载。

将关键词、对应的地图瓦片的缩略图和位置坐标(z，x，y)存储在数据库中，用户输入搜索词条后，遍历数据库关键词字段，字符串匹配查询，获取结果列表，展示结果列表缩略图，用户选择记录后，根据位置坐标(z，x，y)，canvas画板加载对应的地图瓦片在中心位置，地图瓦片四周的地图瓦片同步加载，填满canvas。

例如字帖图片中“此”字的查询和定位，遍历第z层图片，将每张地图瓦片中的“此”字设置为关键词，并记录每个“此”字的对应地图瓦片的位置坐标(z，x，y)，将“此”字、对应的地图瓦片的缩略图和位置坐标(z，x，y)存储在数据库中，用户在搜索词条中输入“此”字，遍历数据库中“此”字的字段，字符串匹配查询，获取结果列表，展示结果列表缩略图，用户选择记录后，根据位置坐标(z，x，y)，canvas画板加载对应的地图瓦片在中心位置，地图瓦片四周的地图瓦片同步加载，填满canvas。

尽管已经示出和描述了本发明的实施例，对于本领域的普通技术人员而言，可以理解在不脱离本发明的原理和精神的情况下可以对这些实施例进行多种变化、修改、替换和变型，本发明的范围由所附权利要求及其等同物限定。

Claims (8)

1.一种字帖图片在线内容检索方法，其特征在于：包括以下具体方法：

S1、数据生成与服务：

S11、确定瓦片地图金字塔模型层数z；

S12、建立瓦片地图金字塔模型：

S121、以所述瓦片地图金字塔的顶层为第0层；

S122、对所述第0层进行分块：从所述第0层中地图图片的左上角开始，从左至右、从上到下进行切割，分割成相同大小的正方形地图瓦片，形成所述第0层瓦片矩阵；

S123、在所述第0层地图图片的基础上，按每像素分割为2×2个像素的方式生成第1层地图图片，并对其进行分块，分割成与上一层相同大小的正方形地图瓦片，形成第1层瓦片矩阵；

S124、采用S122和S123的方式生成第2层瓦片矩阵、第3层瓦片矩阵、……，直到第N一1层瓦片矩阵，所述第0层瓦片矩阵、第1层瓦片矩阵、……、第N一1层瓦片矩阵构成整个瓦片地图金字塔；

S125、对所述瓦片地图金字塔中的每个所述地图瓦片进行坐标定位，所述地图瓦片的坐标为(z，x，y)；

S13、将所述瓦片地图金字塔模型数据部署在服务器端，提供web图片服务；

S2、数据访问与显示：

S21、客户端浏览器根据显示设备屏幕尺寸生成合适尺寸canvas画板，用户打开页面时，访问第0层图片，并加载绘制在所述canvas画板上；

S22、在对图片某一区域放大时，加载对应所述区域z+1层图片，所述区域的图片放在所述canvas画板中心位置画板，对应所述区域位置四周的图片同步加载，z表示当前图层图片；

S23、在对所述canvas画板整体图片进行放大时，中心位置不变，加载z+1层图片，在对图片进行缩小时，加载z-1层图片，z表示当前图层；

S3、图片内容定位标记与检索：

S31、遍历第z层图片，将每张所述地图瓦片中所写内容设置为关键词，并记录对应所述地图瓦片的位置坐标(z，x，y)；

S32、用户输入搜索词条后，利用词条与关键词的匹配，获取与词条相符的所述地图瓦片的位置坐标(z，x，y)，并在所述canvas画板中加载。

2.根据权利要求1所述的一种字帖图片在线内容检索方法，其特征在于：所述瓦片地图金字塔模型层数确定的具体方法为：

S111、取原图片，借助工具软件将字帖图片转成jpeg格式，获取所述字帖图片文件的分辨率width0(宽)和height0(高)，取值size0＝max(width0，height0)；

S112、获取所述原图片的分辨率width(宽)和height(高)，取值size＝max(width，height)；

S113、size除以size0得商并向上取整得N，即N＝Ceiling(size/size0)；

S114、以2为底求N的对数再四舍五入得所述瓦片地图金字塔模型层数z，即z＝log2(N)。

3.根据权利要求2所述的一种字帖图片在线内容检索方法，其特征在于：所述原图片包括碑帖、字帖、绘画作品扫描件的无损格式保存文件。

4.根据权利要求1所述的一种字帖图片在线内容检索方法，其特征在于：所述瓦片地图金字塔的第0层为所述客户端浏览器地图服务平台所提供的缩放级别最低、地图比例尺最小的地图图片。

5.根据权利要求1所述的一种字帖图片在线内容检索方法，其特征在于：生成所述地图瓦片的文件采用的软件为Maptiler，切割级别为所述瓦片地图金字塔模型层数z。

6.根据权利要求1所述的一种字帖图片在线内容检索方法，其特征在于：所述地图瓦片的坐标中，z为所述地图瓦片在瓦片地图金字塔模型中的层数，x为所述地图瓦片在对应的所述地图瓦片在瓦片地图金字塔模型层数中的列数加1，y为所述地图瓦片在对应的所述地图瓦片在瓦片地图金字塔模型层数中的行数加1。

7.根据权利要求1所述的一种字帖图片在线内容检索方法，其特征在于：S13中所述瓦片地图金字塔模型数据部署在云服务器nginx服务中。

8.根据权利要求1所述的一种字帖图片在线内容检索方法，其特征在于：所述图片内容定位标记与检索的具体方法为：

S321、将关键词、对应的所述地图瓦片的缩略图和位置坐标(z，x，y)存储在数据库中；

S322、用户输入搜索词条后，遍历数据库关键词字段，字符串匹配查询，获取结果列表；

S323、展示结果列表缩略图，用户选择记录后，根据位置坐标(z，x，y)，所述canvas画板加载对应的所述地图瓦片在中心位置，所述地图瓦片四周的所述地图瓦片同步加载，填满canvas。

Images