一种图纸的自定义设计方法及装置

技术领域

本申请属于图纸设计技术领域，特别的涉及一种图纸的自定义设计方法及装置。

背景技术

随着互联网技术的发展和应用软件的成熟， 现在开始兴起的一种完全创新的软件应用模式，也即软件即服务（Software-as-a-Service，SaaS），是一种通过Internet提供软件的模式，厂商将应用软件统一部署在自己的服务器上，客户可以根据自己实际需求，通过互联网向厂商定购所需的应用软件服务，按定购的服务多少和时间长短向厂商支付费用，并通过互联网获得厂商提供的服务。

但在目前行业内，厂商大都采用模板的形式来快速满足用户的不同需求，这种模板一般由人工提前设计完成，用户仅可通过修改模板的方式来实现自己需要的方案，该方式不仅极大的降低模板的灵活操作性以及便捷性，还易约束用户的设计体验和需求。

发明内容

本申请为解决上述提到的用户仅可通过修改模板的方式来实现自己需要的方案，该方式不仅极大的降低模板的灵活操作性以及便捷性，还易约束用户的设计体验和需求等技术问题，提出一种图纸的自定义设计方法及装置，其技术方案如下：

第一方面，本申请实施例提供了一种图纸的自定义设计方法，包括：

获取用户输入的图纸参数，并根据图纸参数生成图纸设计界面；

在图纸设计界面中获取用户输入的编辑信息；

当检测到编辑信息未超过图纸设计界面的限定高度时，根据预设的导出设置对包含编辑信息的图纸设计界面进行导出处理。

在第一方面的一种可选方案中，图纸参数包括图纸的尺寸以及图纸的标题；

根据图纸参数生成图纸设计界面，包括：

根据图纸的尺寸计算出宽高比值，并基于宽高比值确定出画布的版面形状；

根据画布的版面形状，构建出文本域以及图片窗在画布中的排列形式；其中，文本域与画布之间的边内距为预设距离，图片窗与画布之间的边内距为预设距离；

在文本域中插入图纸的标题，并基于文本域以及图片窗在画布中的排列形式，生成图纸设计界面。

在第一方面的又一种可选方案中，在文本域中插入图纸的标题，包括：

按照预设方向将文本域划分为至少两个文本框，每个文本框的宽度与文本域的宽度之间的比值相同，每个文本框的高度与文本域的高度之间的比值不同；

基于图纸的版面形状确定每个文本框的对齐方式；

当图纸的标题包括主标题以及副标题时，设置用于插入主标题的第一文本框与用于插入副标题的第二文本框之间的距离为第一距离，以及设置第二文本框与第三文本框之间的距离为第二距离；其中，第一文本框、第二文本框以及第三文本框按照预设方向依次排列；

根据每个文本框的对齐方式，将图纸的标题插入至文本域中。

在第一方面的又一种可选方案中，在文本域中插入图纸的标题之后，在基于文本域以及图片窗在画布中的排列形式，生成图纸设计界面之前，还包括：

判断图纸的标题中是否存在英文单词；

当检测到图纸的标题中存在英文单词时，判断英文单词是否断开折行处理；

当确定英文单词断开折行处理时，对英文单词进行换行处理。

在第一方面的又一种可选方案中，图纸参数还包括主图关键词；

在文本域中插入图纸的标题之后，在基于文本域以及图片窗在画布中的排列形式，生成图纸设计界面之前，还包括：

在预设图库中查找出与主图关键词匹配的主图；

当未检测到用户对主图进行抠图操作时，基于画布的大小以及预设比例计算出主图的大小；

根据主图的大小确定图片窗的大小，并在图片窗中插入主图。

在第一方面的又一种可选方案中，在基于文本域以及图片窗在画布中的排列形式，生成图纸设计界面之前，还包括：

对主图进行图像处理，确定出在主图中占比最高的图像颜色；

在预设背景图库中查找出与图像颜色对应的背景图；

基于文本域以及图片窗在画布中的排列形式，生成图纸设计界面，包括：

基于文本域、图片窗在画布中的排列形式以及背景图，生成图纸设计界面。

在第一方面的又一种可选方案中，在基于文本域、图片窗在画布中的排列形式以及背景图，生成图纸设计界面之前，还包括：

对背景图的主色系进行转换处理，得到对照色的深浅程度；

根据对照色的深浅程度在预设填充方式中确定出目标填充方式，并按照目标填充方式对对照色的亮度以及饱和度进行处理，得到过渡层的颜色；

当未检测到用户对主图进行抠图操作时，确定过渡层与主图的层级关系；

基于文本域、图片窗在画布中的排列形式以及背景图，生成图纸设计界面，包括：

基于文本域、图片窗在画布中的排列形式、背景图、过渡层的颜色以及过渡层与主图的层级关系，生成图纸设计界面。

第二方面，本申请实施例提供了一种图纸的自定义设计装置，包括：

第一获取模块，用于获取用户输入的图纸参数，并根据图纸参数生成图纸设计界面；

第二获取模块，用于在图纸设计界面中获取用户输入的编辑信息；

图纸导出模块，用于当检测到编辑信息未超过图纸设计界面的限定高度时，根据预设的导出设置对包含编辑信息的图纸设计界面进行导出处理。

在第二方面的一种可选方案中，图纸参数包括图纸的尺寸以及图纸的标题；

第一获取模块包括：

根据图纸的尺寸计算出宽高比值，并基于宽高比值确定出画布的版面形状；

根据画布的版面形状，构建出文本域以及图片窗在画布中的排列形式；其中，文本域与画布之间的边内距为预设距离，图片窗与画布之间的边内距为预设距离；

在文本域中插入图纸的标题，并基于文本域以及图片窗在画布中的排列形式，生成图纸设计界面。

在第二方面的又一种可选方案中，第一获取模块还包括：

按照预设方向将文本域划分为至少两个文本框，每个文本框的宽度与文本域的宽度之间的比值相同，每个文本框的高度与文本域的高度之间的比值不同；

基于图纸的版面形状确定每个文本框的对齐方式；

当图纸的标题包括主标题以及副标题时，设置用于插入主标题的第一文本框与用于插入副标题的第二文本框之间的距离为第一距离，以及设置第二文本框与第三文本框之间的距离为第二距离；其中，第一文本框、第二文本框以及第三文本框按照预设方向依次排列；

根据每个文本框的对齐方式，将图纸的标题插入至文本域中。

在第二方面的又一种可选方案中，第一获取模块还包括：

在文本域中插入图纸的标题之后，在基于文本域以及图片窗在画布中的排列形式，生成图纸设计界面之前，判断图纸的标题中是否存在英文单词；

当检测到图纸的标题中存在英文单词时，判断英文单词是否断开折行处理；

当确定英文单词断开折行处理时，对英文单词进行换行处理。

在第二方面的又一种可选方案中，图纸参数还包括主图关键词；

第一获取模块还包括：

在文本域中插入图纸的标题之后，在基于文本域以及图片窗在画布中的排列形式，生成图纸设计界面之前，在预设图库中查找出与主图关键词匹配的主图；

当未检测到用户对主图进行抠图操作时，基于画布的大小以及预设比例计算出主图的大小；

根据主图的大小确定图片窗的大小，并在图片窗中插入主图。

在第二方面的又一种可选方案中，第一获取模块还包括：

在基于文本域以及图片窗在画布中的排列形式，生成图纸设计界面之前，对主图进行图像处理，确定出在主图中占比最高的图像颜色；

在预设背景图库中查找出与图像颜色对应的背景图；

基于文本域以及图片窗在画布中的排列形式，生成图纸设计界面，包括：

基于文本域、图片窗在画布中的排列形式以及背景图，生成图纸设计界面。

在第二方面的又一种可选方案中，第一获取模块还包括：

在基于文本域、图片窗在画布中的排列形式以及背景图，生成图纸设计界面之前，对背景图的主色系进行转换处理，得到对照色的深浅程度；

根据对照色的深浅程度在预设填充方式中确定出目标填充方式，并按照目标填充方式对对照色的亮度以及饱和度进行处理，得到过渡层的颜色；

当未检测到用户对主图进行抠图操作时，确定过渡层与主图的层级关系；

基于文本域、图片窗在画布中的排列形式以及背景图，生成图纸设计界面，包括：

基于文本域、图片窗在画布中的排列形式、背景图、过渡层的颜色以及过渡层与主图的层级关系，生成图纸设计界面。

第三方面，本申请还提供了一种图纸的自定义设计装置，包括处理器以及存储器；

处理器与存储器连接；

存储器，用于存储可执行程序代码；

处理器通过读取存储器中存储的可执行程序代码来运行与可执行程序代码对应的程序，以用于实现本申请实施例第一方面或第一方面的任意一种实现方式提供的图纸的自定义设计方法。

第四方面，本申请实施例提供了一种计算机存储介质，计算机存储介质存储有计算机程序，计算机程序包括程序指令，程序指令当被处理器执行时，可实现本申请实施例第一方面或第一方面的任意一种实现方式提供的图纸的自定义设计方法。

在本申请实施例中，可在自定义设计图纸时，获取用户输入的图纸参数，并根据图纸参数生成图纸设计界面；在图纸设计界面中获取用户输入的编辑信息；当检测到编辑信息未超过图纸设计界面的限定高度时，根据预设的导出设置对包含编辑信息的图纸设计界面进行导出处理。通过用户输入的图纸参数可自动匹配相对应的设计界面，以便于用户可实时根据显示的设计界面进行修改或是编辑信息，满足用户的多元化设计需求；且通过预设的导出设置对包含编辑信息的图纸设计界面进行导出处理的方式可极大简化用户的导出操作，便于用户便捷使用，进而提升整体的图纸设计体验。

附图说明

为了更清楚地说明本申请实施例中的技术方案，下面将对实施例中所需使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本申请实施例提供的一种图纸的自定义设计方法的整体流程示意图；

图2为本申请实施例提供的一种图纸设计界面的效果示意图；

图3为本申请实施例提供的一种图纸的自定义设计方法的整体效果示意图；

图4为本申请实施例提供的一种图纸的自定义设计装置的结构示意图；

图5为本申请实施例提供的一种电子设备的结构示意图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述。

在下述介绍中，术语“第一”、“第二”仅为用于描述的目的，而不能理解为指示或暗示相对重要性。下述介绍提供了本申请的多个实施例，不同实施例之间可以替换或者合并组合，因此本申请也可认为包含所记载的相同和/或不同实施例的所有可能组合。因而，如果一个实施例包含特征A、B、C，另一个实施例包含特征B、D，那么本申请也应视为包括含有A、B、C、D的一个或多个所有其他可能的组合的实施例，尽管该实施例可能并未在以下内容中有明确的文字记载。

下面的描述提供了示例，并且不对权利要求书中阐述的范围、适用性或示例进行限制。可以在不脱离本申请内容的范围的情况下，对描述的元素的功能和布置做出改变。各个示例可以适当省略、替代或添加各种过程或组件。例如所描述的方法可以以所描述的顺序不同的顺序来执行，并且可以添加、省略或组合各种步骤。此外，可以将关于一些示例描述的特征组合到其他示例中。

请参阅图1，图1示出了本申请实施例提供的一种图纸的自定义设计方法的整体流程示意图。

如图1所示，该图纸的自定义设计方法至少可以包括以下步骤：

步骤102、获取用户输入的图纸参数，并根据图纸参数生成图纸设计界面。

在本申请实施例中，图纸的自定义设计方法可应用于电子设备，该电子设备可安装有用于进行图纸的自定义设计的第三方应用程序，且该第三方应用程序可以但不局限于由用户在指定应用程序界面下载或是，向用于开发该第三方应用程序的商家进行购买。可以理解的是，用户在电子设备上打开用于进行图纸的自定义设计的第三方应用程序之后，可在该第三方应用程序对应的显示界面中输入图纸参数，以由该第三方应用程序根据用户输入的图纸参数生成相应的图纸设计界面，且用户还可根据当前所生成的图纸设计界面进行修改或是加入编辑信息，并根据该第三方应用程序所预设的导出设置将用户所自定义设计的图纸导出。

具体地，用户可在安装有用于进行图纸的自定义设计的第三方应用程序的电子设备上打开该第三方应用程序，以进入相应的自定义设计显示界面。其中，该自定义设计显示界面可以但不局限于分为三个部分，从左至右的第一部分可用于获取用户输入的图纸参数，该图纸参数可以但不局限于包括图纸的尺寸、图纸的标题以及主图关键词。从左至右的第二部分可用于生成图纸设计界面，且在该部分内还可设置有用于对图纸设计界面进行操作的至少两种控件，例如但不局限于包括用于插入图片的图库控件、用于将当前图纸设计界面进行上传的上传控件、用于在当前图纸设计界面进行抠图的抠图控件、用于锁定当前图纸设计界面的锁定控件以及用于在当前图纸设计界面编辑文字的添加文字控件。从左至右的第三部分可用于展示预设的导出设置以及供用户选择进行图纸导出的导出控件，其中，在该第三部分内还可设置有与编辑文字所对应的样式选择框，该样式选择框内可包括编辑文字的字体、字色、字号、字据、行高以及格式等，此处不限定于此。

当图纸参数包括图纸的尺寸以及图纸的标题时，用户可在显示界面中的图纸尺寸输入框选择满足需求的宽度以及高度（还可以包括像素值），当然在显示界面中还可设置有图纸的类型选择框以及图纸的形态选择框以供用户选择，其中，该图纸的类型选择框可包括用于表示横幅类型的图形控件以及用于表示海报类型的图形控件，该图纸的形态选择框可包括静态控件以及动态控件。

接着，用户还可在显示界面中的内容输入框内输入图纸的标题，该图纸的标题可包括主标题或是，主标题以及副标题（该副标题可根据用户的需求输入）。

作为本申请实施例的一种可选，根据图纸参数生成图纸设计界面，包括：

根据图纸的尺寸计算出宽高比值，并基于宽高比值确定出画布的版面形状；

根据画布的版面形状，构建出文本域以及图片窗在画布中的排列形式；其中，文本域与画布之间的边内距为预设距离，图片窗与画布之间的边内距为预设距离；

在文本域中插入图纸的标题，并基于文本域以及图片窗在画布中的排列形式，生成图纸设计界面。

具体地，在获取到用户输入的图纸的尺寸之后，可根据该图纸的尺寸计算出宽度与高度的比值，并结合该宽度与高度的比值确定出画布的版面形状以及对应于该画布的版面形状的排列形式，其中，当该宽度与高度的比值大于或等于1.5时，可确定画布的版面形状为横版（也即左右结构），进而可在该画布中构建出左文右图的排列形式，此处左文右图可对应为在画布中左边构建出文本域，在画布中右边构建出图片窗。当该宽度与高度的比值小于或等于0.5时，可确定画布的版面形状为竖版（也即上下结构），进而可在该画布中构建出上文下图的排列形式，此处上文下图可对应为在画布中上边构建出文本域，在画布中下边构建出图片窗。当该宽度与高度的比值处于0.5至1.5之间时，可确定画布的版面形状为偏正版（也即上下结构），进而可在该画布中构建出上文下图的排列形式，此处上文下图可对应为在画布中上边构建出文本域，在画布中下边构建出图片窗。

可以理解的是，在画布中所构建出的文本域的边框以及图片窗的边框均与画布的边框之间的距离设置为预设距离，例如但不局限于文本域的宽边与画布的宽边之间的距离为该画布的宽边长度的8%，文本域的高边与画布的高边之间的距离为该画布的高边长度的8%，图片窗的宽边与画布的宽边之间的距离为该画布的宽边长度的8%，图片窗的高边与画布的高边之间的距离为该画布的高边长度的8%。作为一种可选的，在本申请实施例中可以但不局限于构建出的文本域的尺寸等同于构建出的图片窗的尺寸，以体现出图纸整体的工整性。

进一步的，在画布中构建出文本域以及图片窗之后，可将用户输入的图纸的标题插入至文本域中，并结合文本域以及图片窗在画布中的排列形式，生成图纸设计界面以显示给用户。

作为本申请实施例的又一种可选，在文本域中插入图纸的标题，包括：

按照预设方向将文本域划分为至少两个文本框，每个文本框的宽度与文本域的宽度之间的比值相同，每个文本框的高度与文本域的高度之间的比值不同；

基于图纸的版面形状确定每个文本框的对齐方式；

当图纸的标题包括主标题以及副标题时，设置用于插入主标题的第一文本框与用于插入副标题的第二文本框之间的距离为第一距离，以及设置第二文本框与第三文本框之间的距离为第二距离；其中，第一文本框、第二文本框以及第三文本框按照预设方向依次排列；

根据每个文本框的对齐方式，将图纸的标题插入至文本域中。

具体地，在文本域中插入图纸的标题的过程中，可按照预设方向将文本域划分为至少两个文本框，每个文本框均可插入图纸的标题或是，插入编辑的文本信息，其中，预设方向可理解为从上往下，也即在文本域中按照从上往下的顺序划分出至少两个文本框。可以理解的是，当检测到用户输入的图纸的标题包含主标题以及副标题时，可在划分出至少两个文本框的过程中，控制划分出的第一个文本框与划分出的第二个文本框的距离为预设第一距离，该预设第一距离可以但不局限于为画布的高边长度的6%；接着可控制划分出的第二文本框与划分出的第三个文本框的距离为预设第二距离，该预设第二距离可以但不局限于为画布的高度长度的10%，且在本申请实施例中，若包括四个以及四个以上的文本框时，可以但不局限于第n个文本框与第n+1个文本框之间的距离均为预设第二距离，此处n为大于或等于3的正整数。

需要注意的是，划分出的每个文本框的宽度可与文本域的宽度之间的比值相同，例如但不局限于每个文本框的宽度与文本域的宽度保持一致。划分出的每个文本框的高度则可与文本域的高度之间的比值不同，例如当第一个文本框用于输入图纸的主标题，第二个文本框用于输入图纸的副标题，以及第三个文本框用于输入图纸的编辑文本信息时，该第一个文本框的高度与文本域的高度之间的比值可设置为22%，第二个文本框的高度与文本域的高度之间的比值可设置为6%，第三个文本框的高度与文本域的高度之间的比值可设置为22%，且该每个文本框的高度还可在生成图纸设计界面之后，由用户自行调整，此处不限定于此。

进一步的，在划分出至少两个文本框之后，还可结合画布的版面形状确定出每个文本框中插入文字的对齐方式，例如但不局限于当画布的版面形状为横版时，可确定出每个文本框中插入文字的对齐方式为左对齐，也即插入的文字的位置在文本框的左侧，并可根据该对齐方式，将图纸的标题插入至文本域中，且在插入的过程中，可以但不局限于将主标题插入至划分出的第一个文本框，将副标题插入至划分出的第二个文本框。

此处可参阅图2示出的本申请实施例提供的一种图纸设计界面的效果示意图。如图2所示，该图纸设计界面对应的画布的版面形状可为横版，在该图纸设计界面中文本域与图片窗的排列方式为左文右图，且文本域的宽边与画布的宽边之间的距离为该画布的宽边长度的8%，文本域的高边与画布的高边之间的距离为该画布的高边长度的8%，图片窗的宽边与画布的宽边之间的距离为该画布的宽边长度的8%，图片窗的高边与画布的高边之间的距离为该画布的高边长度的8%。其中，文本域被划分为三个文本框，第一个文本框的高度与文本域的高度之间的比值为22%，第二个文本框的高度与文本域的高度之间的比值为6%，第三个文本框的高度与文本域的高度之间的比值为22%，且第一个文本框插入图纸的主标题，第二个文本框插入图纸的副标题，第三个文本框可用于插入图纸的编辑文本信息。此处，第一个文本框与第二个文本框之间的距离设置为文本域的高度的6%，第二个文本框与第三个文本框之间的距离设置为文本域的高度的10%。

还可以理解的是，在文本框中还可设置有行动点，且设置有行动点的文本框的高度与未设置有行动点的文本框的高度不同，在本申请实施例中不限定于此。

作为本申请实施例的又一种可选，在文本域中插入图纸的标题之后，在基于文本域以及图片窗在画布中的排列形式，生成图纸设计界面之前，还包括：

判断图纸的标题中是否存在英文单词；

当检测到图纸的标题中存在英文单词时，判断英文单词是否断开折行处理；

当确定英文单词断开折行处理时，对英文单词进行换行处理。

具体地，在文本域中插入图纸的标题的过程中，还可判断图纸的标题是否存在英文单词，当检测到存在英文单词时，可继续判断该英文单词在插入至文本域时是否发生断开折行处理，此处断开折行处理可理解为将一个英文单词折行为两个英文子单词，且第一个英文子单词在前一行的末尾，第二个英文子单词在后一行的开头。可以理解的是，当确定存在英文单词发生断开折行处理时，可对该英文单词进行换行处理，例如但不局限于将该英文单词全部设置在前一行，或是将该英文单词全部设置在后一行。

作为本申请实施例的又一种可选，图纸参数还包括主图关键词；

在文本域中插入图纸的标题之后，在基于文本域以及图片窗在画布中的排列形式，生成图纸设计界面之前，还包括：

在预设图库中查找出与主图关键词匹配的主图；

当未检测到用户对主图进行抠图操作时，基于画布的大小以及预设比例计算出主图的大小；

根据主图的大小确定图片窗的大小，并在图片窗中插入主图。

具体地，在文本域中插入图纸的标题之后，还可根据用户输入的主图关键词，在预设图库中查找出与该主图关键词匹配的主图，其中，预设图库可以但不局限于包括用户图库、平台图库以及外网图库，此处用户图库可理解为存储在电子设备中的图片，平台图库可理解为第三方应用程序所预设存储的图片，外网图库可理解为通过第三方搜索引擎获取到的图片。

可以理解的是，在本申请实施例中还可直接在用户图库中或是在平台图库中，由用户进行主图的确定，例如但不局限于当接收到用户在主图选择框内点击的用户图库控件时，可生成显示有用户图库中所有图片的弹窗以供用户选择；当接收到用户在主图选择框内点击的平台图库控件时，可生成显示有平台图库中所有图片的弹窗以供用户选择。当然，用户还可直接将预先确定的主题通过图片上传的方式发送至第三方应用程序，此处不限定于此。

进一步的，在确定出图纸的主图之后，还可判断用户是否对图纸的主图进行抠图操作，该抠图操作可以但不局限于为在图纸的主图上进行截图操作，并在检测到用户未对图纸的主图进行抠图操作时，可根据画布的大小以及预设比例计算出该图纸的主图大小，其中，该图纸的主图高度可以但不局限于设置为画布高度的84%，该图纸的主图宽度可以但不局限于设置为画布高度的40%（也可为画布高度的34%或是画布高度的48%）。

接着，可根据计算出的主图大小确定出相应图片窗的大小，在本申请实施例中可以但不局限于设置图片窗的大小与主图大小相同，以使该主图在图片窗中完全充满。

可以理解的是，当检测到用户对图纸的主图进行抠图操作时，可先计算出抠图的宽度与高度的比值，当该抠图的宽度与高度的比值小于或等于1.5时，可以但不局限于将该抠图的宽度设置为画布的宽度的40%（也可为画布高度的34%或是画布高度的48%），并相应的计算出该抠图的高度；当该抠图的宽度与高度的比值大于1.5时，可以但不局限于将该抠图的宽度设置为画布的宽度的49%（也可为画布高度的40%或是画布高度的57%），并相应的计算出该抠图的高度。

接着，可根据计算出的抠图大小确定出相应图片窗的大小，在本申请实施例中可以但不局限于设置图片窗的高度与抠图的高度为预设比例，设置图片窗的宽度与抠图的宽度保持一致。

作为本申请实施例的又一种可选，在基于文本域以及图片窗在画布中的排列形式，生成图纸设计界面之前，还包括：

对主图进行图像处理，确定出在主图中占比最高的图像颜色；

在预设背景图库中查找出与图像颜色对应的背景图；

基于文本域以及图片窗在画布中的排列形式，生成图纸设计界面，包括：

基于文本域、图片窗在画布中的排列形式以及背景图，生成图纸设计界面。

具体地，在确定出图纸的主图之后，可以但不局限于对该图纸的主图进行图像处理，以识别出该图纸的主图中各个颜色的占比，并得到占比最高的图像颜色。接着，可在预设的背景图库中查找出与该占比最高的图像颜色匹配度最高的图片作为背景图片，此处背景图片可以但不局限于分为深色图片或是浅色图片，且当占比最高的图像颜色为深色时，对应背景图片可为深色图片，上占比最高的图像颜色为浅色时，对应背景图片可为浅色图片，以做到颜色的一致性。

当然，背景图片还可直接为随机生成的纯色图片，或是直接对图纸的主图进行30%的高斯模糊处理，以提高界面生成效率，此处在本申请实施例中不限定于此。

作为本申请实施例的又一种可选，在基于文本域、图片窗在画布中的排列形式以及背景图，生成图纸设计界面之前，还包括：

对背景图的主色系进行转换处理，得到对照色的深浅程度；

根据对照色的深浅程度在预设填充方式中确定出目标填充方式，并按照目标填充方式对对照色的亮度以及饱和度进行处理，得到过渡层的颜色；

当未检测到用户对主图进行抠图操作时，确定过渡层与主图的层级关系；

基于文本域、图片窗在画布中的排列形式以及背景图，生成图纸设计界面，包括：

基于文本域、图片窗在画布中的排列形式、背景图、过渡层的颜色以及过渡层与主图的层级关系，生成图纸设计界面。

在确定出背景图片之后，还可生成相应的过渡层。具体地，可对背景图片中的主色系进行转换处理，例如但不局限于将RGB格式转换为HSB格式，以得到对照色的深浅程度，其中，当转换出的HSB格式中亮度小于13或是饱和度大于80时，可确定对照色为浅色，否则可确定对照色为深色。

接着，当对照色为浅色时，相应的目标填充方式可为将当前的亮度增加8，以及将当前的饱和度降低6；当对照色为深色时，相应的目标填充方式可为将当前的饱和度增加10，并参照该方式对对照色进行处理，以得到过渡层的颜色。

接着，当未检测到用户对主图进行抠图操作时，可确定过渡层与主图的层级关系为过渡层在主图的上一层，并结合基于文本域、图片窗在画布中的排列形式以及背景图生成相应的图纸设计界面；当检测到用户对主图进行抠图操作时，可确定过渡层与主图的层级关系为过渡层在主图的下一层，并结合基于文本域、图片窗在画布中的排列形式以及背景图生成相应的图纸设计界面。

可以理解的是，此处过渡层还可支持图片效果以及在图片窗的占比，其可以但不局限于由用户自行选择，此处不限定于此。

当然，在本申请实施例中过渡层还可理解为对背景图片进行朦层处理，以提高整体界面的生成效率。

步骤104、在图纸设计界面中获取用户输入的编辑信息。

具体地，在生成图纸设计界面之后，可将该图纸设计界面直接显示给用户，以便于用户在该图纸设计界面上输入编辑信息，该编辑信息可以但不局限于包括对图纸设计界面的界面修改编辑信息或是添加文本编辑信息。

步骤106、当检测到编辑信息未超过图纸设计界面的限定高度时，根据预设的导出设置对包含编辑信息的图纸设计界面进行导出处理。

具体地，用户在图纸设计界面输入编辑的文本信息之后，当检测到该文本信息未超过限定高度时，可直接根据预设的导出设置对该包含有文本信息的图纸设计界面进行导出处理，其中，预设的导出设置可以但不局限于包括导出图纸的尺寸、导出图纸的格式以及导出图纸的大小。可以理解的是，导出的图纸可按照预设路径进行存储，以便于用户随时查看或是更改。

此处可参阅图3示出的本申请实施例提供的一种图纸的自定义设计方法的整体效果示意图。如图3所示，在图纸的自定义设计显示界面中可分为三个部分，左侧部分可对应为获取用户的填写需求，也即可包括用户输入的图纸的尺寸、图纸的类型、图纸的形态、图纸的标题以及主图关键词等。当左侧部分获取到用户输入的图纸参数之后，可在中间部分生成相应的图纸设计界面，以便于用户在该图纸设计界面中进行抠图操作，该抠图操作可由用户点击设置该部分的抠图控件实现，且在进行抠图操作的过程中可生成包括多个执行动作的弹窗以供用户选择。右侧部分可对应为图纸的导出设置界面，其预设的导出设置可包括导出图纸的尺寸、导出图纸的格式以及导出图纸的大小，以及提示用户用于进行图纸导出的导出控件。可以理解的是，该右侧部分还可设置有与编辑文字所对应的样式选择框，该样式选择框内可包括编辑文字的字体、字色、字号、字据、行高以及格式等，此处不限定于此。

请参阅图4，图4示出了本申请实施例提供的一种图纸的自定义设计装置的结构示意图。

如图4所示，该图纸的自定义设计装置至少可以包括第一获取模块401、第二获取模块402以及图纸导出模块403，其中：

第一获取模块，用于获取用户输入的图纸参数，并根据图纸参数生成图纸设计界面；

第二获取模块，用于在图纸设计界面中获取用户输入的编辑信息；

图纸导出模块，用于当检测到编辑信息未超过图纸设计界面的限定高度时，根据预设的导出设置对包含编辑信息的图纸设计界面进行导出处理。

在一些可能的实施例中，图纸参数包括图纸的尺寸以及图纸的标题；

第一获取模块包括：

根据图纸的尺寸计算出宽高比值，并基于宽高比值确定出画布的版面形状；

根据画布的版面形状，构建出文本域以及图片窗在画布中的排列形式；其中，文本域与画布之间的边内距为预设距离，图片窗与画布之间的边内距为预设距离；

在文本域中插入图纸的标题，并基于文本域以及图片窗在画布中的排列形式，生成图纸设计界面。

在一些可能的实施例中，第一获取模块还包括：

按照预设方向将文本域划分为至少两个文本框，每个文本框的宽度与文本域的宽度之间的比值相同，每个文本框的高度与文本域的高度之间的比值不同；

基于图纸的版面形状确定每个文本框的对齐方式；

当图纸的标题包括主标题以及副标题时，设置用于插入主标题的第一文本框与用于插入副标题的第二文本框之间的距离为第一距离，以及设置第二文本框与第三文本框之间的距离为第二距离；其中，第一文本框、第二文本框以及第三文本框按照预设方向依次排列；

根据每个文本框的对齐方式，将图纸的标题插入至文本域中。

在一些可能的实施例中，第一获取模块还包括：

在文本域中插入图纸的标题之后，在基于文本域以及图片窗在画布中的排列形式，生成图纸设计界面之前，判断图纸的标题中是否存在英文单词；

当检测到图纸的标题中存在英文单词时，判断英文单词是否断开折行处理；

当确定英文单词断开折行处理时，对英文单词进行换行处理。

在一些可能的实施例中，图纸参数还包括主图关键词；

第一获取模块还包括：

在文本域中插入图纸的标题之后，在基于文本域以及图片窗在画布中的排列形式，生成图纸设计界面之前，在预设图库中查找出与主图关键词匹配的主图；

当未检测到用户对主图进行抠图操作时，基于画布的大小以及预设比例计算出主图的大小；

根据主图的大小确定图片窗的大小，并在图片窗中插入主图。

在一些可能的实施例中，第一获取模块还包括：

在基于文本域以及图片窗在画布中的排列形式，生成图纸设计界面之前，对主图进行图像处理，确定出在主图中占比最高的图像颜色；

在预设背景图库中查找出与图像颜色对应的背景图；

基于文本域以及图片窗在画布中的排列形式，生成图纸设计界面，包括：

基于文本域、图片窗在画布中的排列形式以及背景图，生成图纸设计界面。

在一些可能的实施例中，第一获取模块还包括：

在基于文本域、图片窗在画布中的排列形式以及背景图，生成图纸设计界面之前，对背景图的主色系进行转换处理，得到对照色的深浅程度；

根据对照色的深浅程度在预设填充方式中确定出目标填充方式，并按照目标填充方式对对照色的亮度以及饱和度进行处理，得到过渡层的颜色；

当未检测到用户对主图进行抠图操作时，确定过渡层与主图的层级关系；

基于文本域、图片窗在画布中的排列形式以及背景图，生成图纸设计界面，包括：

基于文本域、图片窗在画布中的排列形式、背景图、过渡层的颜色以及过渡层与主图的层级关系，生成图纸设计界面。

本领域的技术人员可以清楚地了解到本申请实施例的技术方案可借助软件和/或硬件来实现。本说明书中的“单元”和“模块”是指能够独立完成或与其他部件配合完成特定功能的软件和/或硬件，其中硬件例如可以是现场可编程门阵列（Field－ProgrammableGate Array，FPGA）、集成电路（Integrated Circuit，IC）等。

请参阅图5，图5示出了本申请实施例提供的一种电子设备的结构示意图。

如图5所示，电子设备500可以包括至少一个处理器501、至少一个网络接口504、用户接口503、存储器505以及至少一个通信总线502。

其中，通信总线502可用于实现上述各个组件的连接通信。

其中，用户接口503可以包括按键，可选用户接口还可以包括标准的有线接口、无线接口。

其中，网络接口504可以但不局限于包括蓝牙模块、NFC模块、Wi-Fi模块等。

其中，处理器501可以包括一个或者多个处理核心。处理器501利用各种接口和线路连接整个电子设备500内的各个部分，通过运行或执行存储在存储器505内的指令、程序、代码集或指令集，以及调用存储在存储器505内的数据，执行路由设备500的各种功能和处理数据。可选的，处理器501可以采用DSP、FPGA、PLA中的至少一种硬件形式来实现。处理器501可集成CPU、GPU和调制解调器等中的一种或几种的组合。其中，CPU主要处理操作系统、用户界面和应用程序等；GPU用于负责显示屏所需要显示的内容的渲染和绘制；调制解调器用于处理无线通信。可以理解的是，上述调制解调器也可以不集成到处理器501中，单独通过一块芯片进行实现。

其中，存储器505可以包括RAM，也可以包括ROM。可选的，该存储器505包括非瞬时性计算机可读介质。存储器505可用于存储指令、程序、代码、代码集或指令集。存储器505可包括存储程序区和存储数据区，其中，存储程序区可存储用于实现操作系统的指令、用于至少一个功能的指令（比如触控功能、声音播放功能、图像播放功能等）、用于实现上述各个方法实施例的指令等；存储数据区可存储上面各个方法实施例中涉及到的数据等。存储器505可选的还可以是至少一个位于远离前述处理器501的存储装置。如图4所示，作为一种计算机存储介质的存储器505中可以包括操作系统、网络通信模块、用户接口模块以及图纸的自定义设计应用程序。

具体地，处理器501可以用于调用存储器505中存储的图纸的自定义设计应用程序，并具体执行以下操作：

获取用户输入的图纸参数，并根据图纸参数生成图纸设计界面；

在图纸设计界面中获取用户输入的编辑信息；

当检测到编辑信息未超过图纸设计界面的限定高度时，根据预设的导出设置对包含编辑信息的图纸设计界面进行导出处理。

在一些可能的实施例中，图纸参数包括图纸的尺寸以及图纸的标题；

根据图纸参数生成图纸设计界面，包括：

根据图纸的尺寸计算出宽高比值，并基于宽高比值确定出画布的版面形状；

根据画布的版面形状，构建出文本域以及图片窗在画布中的排列形式；其中，文本域与画布之间的边内距为预设距离，图片窗与画布之间的边内距为预设距离；

在文本域中插入图纸的标题，并基于文本域以及图片窗在画布中的排列形式，生成图纸设计界面。

在一些可能的实施例中，在文本域中插入图纸的标题，包括：

按照预设方向将文本域划分为至少两个文本框，每个文本框的宽度与文本域的宽度之间的比值相同，每个文本框的高度与文本域的高度之间的比值不同；

基于图纸的版面形状确定每个文本框的对齐方式；

当图纸的标题包括主标题以及副标题时，设置用于插入主标题的第一文本框与用于插入副标题的第二文本框之间的距离为第一距离，以及设置第二文本框与第三文本框之间的距离为第二距离；其中，第一文本框、第二文本框以及第三文本框按照预设方向依次排列；

根据每个文本框的对齐方式，将图纸的标题插入至文本域中。

在一些可能的实施例中，在文本域中插入图纸的标题之后，在基于文本域以及图片窗在画布中的排列形式，生成图纸设计界面之前，还包括：

判断图纸的标题中是否存在英文单词；

当检测到图纸的标题中存在英文单词时，判断英文单词是否断开折行处理；

当确定英文单词断开折行处理时，对英文单词进行换行处理。

在一些可能的实施例中，图纸参数还包括主图关键词；

在文本域中插入图纸的标题之后，在基于文本域以及图片窗在画布中的排列形式，生成图纸设计界面之前，还包括：

在预设图库中查找出与主图关键词匹配的主图；

当未检测到用户对主图进行抠图操作时，基于画布的大小以及预设比例计算出主图的大小；

根据主图的大小确定图片窗的大小，并在图片窗中插入主图。

在一些可能的实施例中，在基于文本域以及图片窗在画布中的排列形式，生成图纸设计界面之前，还包括：

对主图进行图像处理，确定出在主图中占比最高的图像颜色；

在预设背景图库中查找出与图像颜色对应的背景图；

基于文本域以及图片窗在画布中的排列形式，生成图纸设计界面，包括：

基于文本域、图片窗在画布中的排列形式以及背景图，生成图纸设计界面。

在一些可能的实施例中，在基于文本域、图片窗在画布中的排列形式以及背景图，生成图纸设计界面之前，还包括：

对背景图的主色系进行转换处理，得到对照色的深浅程度；

根据对照色的深浅程度在预设填充方式中确定出目标填充方式，并按照目标填充方式对对照色的亮度以及饱和度进行处理，得到过渡层的颜色；

当未检测到用户对主图进行抠图操作时，确定过渡层与主图的层级关系；

基于文本域、图片窗在画布中的排列形式以及背景图，生成图纸设计界面，包括：

基于文本域、图片窗在画布中的排列形式、背景图、过渡层的颜色以及过渡层与主图的层级关系，生成图纸设计界面。

本申请还提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现上述方法的步骤。其中，计算机可读存储介质可以包括但不限于任何类型的盘，包括软盘、光盘、DVD、CD-ROM、微型驱动器以及磁光盘、ROM、RAM、EPROM、EEPROM、DRAM、VRAM、闪速存储器设备、磁卡或光卡、纳米系统（包括分子存储器IC），或适合于存储指令和/或数据的任何类型的媒介或设备。

需要说明的是，对于前述的各方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请并不受所描述的动作顺序的限制，因为依据本申请，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定是本申请所必须的。

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。

在本申请所提供的几个实施例中，应该理解到，所揭露的装置，可通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些服务接口，装置或单元的间接耦合或通信连接，可以是电性或其它的形式。

作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储器中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储器中，包括若干指令用以使得一台计算机设备（可为个人计算机、服务器或者网络设备等）执行本申请各个实施例方法的全部或部分步骤。而前述的存储器包括：U盘、只读存储器（Read-Only Memory， ROM）、随机存取存储器（RandomAccess Memory，RAM）、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。

本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通进程序来指令相关的硬件来完成，该程序可以存储于一计算机可读存储器中，存储器可以包括：闪存盘、只读存储器（Read-Only Memory， ROM）、随机存取器（Random AccessMemory，RAM）、磁盘或光盘等。

以上者，仅为本公开的示例性实施例，不能以此限定本公开的范围。即但凡依本公开教导所作的等效变化与修饰，皆仍属本公开涵盖的范围内。本领域技术人员在考虑说明书及实践这里的公开后，将容易想到本公开的其实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未记载的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的范围和精神由权利要求限定。