用于重新着色矢量图形的系统和方法技术方案

本文描述的是一种用于重新着色矢量图形的计算机实现的方法。确定由矢量图形定义的主色，通过将文件颜色与由矢量图形定义的主色相关联，生成文件颜色组集合。接收定义特定文件颜色组和新颜色的颜色变化输入数据，并作为响应确定颜色变换。然后使用颜色变换计算相应的变换后文件颜色。变换后文件颜色。变换后文件颜色。

【技术实现步骤摘要】
用于重新着色矢量图形的系统和方法


[0001]本公开涉及用于重新着色矢量图形的系统和方法。

技术介绍

[0002]存在用于创建和发布设计或其他视觉内容的各种计算机实现的工具。许多这样的工具使用矢量图形。
[0003]一旦矢量图形被创建或添加到设计中，用户将经常想要重新着色该图形。
[0004]在一些情况下，重新着色是相对简单的任务。例如，考虑一个简单的矩形线条图。在这种情况下，重新着色可能只涉及将单个现有线条颜色(例如黑色)更改为单个新线条颜色(例如红色)。
[0005]然而，在许多情况下，重新着色要复杂得多——例如重新着色具有数百(或甚至更多)颜色的图形。
[0006]本说明书中描述的背景信息是专利技术人已知的背景信息。将此信息作为背景信息的引用并不是承认或暗示此背景信息是现有技术或者是本领域普通技术人员的公知常识。

技术实现思路

[0007]本文描述的是一种用于重新着色矢量图形的计算机实现的方法，该方法包括：由处理单元对所述矢量图形进行处理以确定文件颜色集合，该文件颜色集合中的每个文件颜色为由所述矢量图形定义的颜色；处理所述矢量图形以确定由所述矢量图形定义的多个主色；通过将文件颜色集合中的每个文件颜色与文件颜色组相关联，生成文件颜色组集合，每个文件颜色组与由所述矢量图形定义的主色相关联；经由输入设备接收定义特定文件颜色组和新颜色的颜色变化输入数据；以及响应于接收到所述颜色变化输入数据：确定描述变化到所述新颜色的颜色变换；对于与所述特定文件颜色组相关联的每个文件颜色，使用所述颜色变换计算相应的变换后文件颜色；通过将与所述特定文件颜色组相关联的每个文件颜色替换为其相应的变换后文件颜色来重新着色所述矢量图形；以及在显示器上显示经重新着色的矢量图形。
[0008]本文还描述了一种计算机处理系统，包括：处理单元；输入设备；显示器；以及存储指令的非瞬时计算机可读存储介质，当由所述处理单元执行时，所述指令使所述处理单元：处理矢量图形以确定文件颜色集合，该文件颜色集合中的每个文件颜色为由该矢量图形定义的颜色；处理所述矢量图形以确定由所述矢量图形定义的多个主色；通过将文件颜色集合中的每个文件颜色与文件颜色组相关联，生成文件颜色组集合，每个文件颜色组与由矢量图形定义的主色相关联；通过所述输入设备接收定义特定文件颜色组和新颜色的颜色变化输入数据；以及响应于接收到所述颜色变化输入数据：确定描述变化到所述新颜色的颜色变换；对于与所述特定文件颜色组相关联的每个文件颜色，使用颜色变换计算相应的变换后文件颜色；通过将与所述特定文件颜色组相关联的每个文件颜色替换为其相应的变换后文件颜色来重新着色所述矢量图形；以及在所述显示器上显示经重新着色的矢量图形。
附图说明
[0009]在附图中：
[0010]图1是图示其中可以实现本公开的特征的示例环境的框图。
[0011]图2是可配置为执行本文所述的各种特征的示例计算机处理系统。
[0012]图3提供了示例用户界面。
[0013]图4描绘了矢量图形设计元素的组件。
[0014]图5是描绘在矢量图形重新着色过程中涉及的操作的流程图。
[0015]图6是描绘提取矢量图形文件颜色所涉及的操作的流程图。
[0016]图7是描绘确定矢量图形中的主色所涉及的操作的流程图。
[0017]图8是描绘调整矢量图形的颜色所涉及的操作的流程图。
[0018]图9提供了对矢量图形重新着色的视觉描绘。
[0019]虽然所要求保护的本专利技术可进行各种修改和替代形式，但具体实施例在附图中以示例的方式示出并被详细描述。然而，应当理解，附图和详细描述并不旨在将本专利技术限制为所公开的特定形式。意图是覆盖落入由所附权利要求限定的本专利技术的精神和范围内的所有修改、等同和替代。
具体实施方式
[0020]在以下描述中，阐述了许多具体细节以提供对要求保护的专利技术的透彻理解。然而，很明显，可以在没有这些具体细节的情况下实践要求保护的专利技术。在某些情况下，众所周知的结构和设备以框图形式显示以避免不必要的模糊。
[0021]如上所述，许多用于创建和发布视觉内容的工具利用矢量图形格式的图像(简称矢量图形)。本公开提供用于重新着色矢量图形的系统和方法。
[0022]矢量图形格式的一个示例是万维网联盟(World Wide Web Consortium)开发的可缩放矢量图形(SVG)格式。为了说明本公开的技术和操作，参考SVG格式提供示例。然而，本公开的特征可以与替代矢量图形格式(例如EPS、PDF、AI或其他矢量图形格式)和/或栅格图像(通过访问与其相关联的颜色表)一起使用(或适用于一起使用)。本公开的特征还可以与多个图像一起使用(或适用于一起使用)——例如跨越构成品牌标识或以其他方式相关的图像语料库。
[0023]首先，将描述可以实现本公开的特征的联网环境和计算机处理系统。在此之后，描述了用于创建具有一个或多个矢量图形的设计并重新着色此类矢量图形的用户界面的一个示例。然后描述为给定矢量图形重新着色而执行的处理。
[0024]举例来说，图1描绘了可以在其中执行本文描述的各种操作和技术的联网环境100。
[0025]联网环境100包括通过通信网络120(例如因特网)互连的服务器系统102和客户端系统110。虽然图示和描述了单个客户端系统110，但是服务器系统102通常将服务于多个客户端系统。
[0026]服务器系统102包括一起操作以提供服务器端功能的各种功能组件。
[0027]服务器系统102的一个组件是前端服务器应用程序104。服务器应用程序104由计算机处理系统执行以配置服务器系统102以向一个或多个相应的客户端应用程序(例如客
户端应用程序112，如下所述)提供服务器端功能。服务器端功能包括诸如用户账户管理、登录和内容创建功能——例如创建、保存、发布、共享内容等操作。
[0028]为了提供服务器端功能，服务器应用程序104包括一个或多个应用程序、库、API或其他软件元素。例如，在客户端应用程序112是网络浏览器的情况下，服务器应用程序104将是诸如Apache、IIS、nginx、GWS之类的网络服务器或替代的网络服务器。在客户端应用程序112是特定应用程序的情况下，服务器应用程序104将是被专门配置为与该客户端应用程序112交互的应用程序服务器。服务器系统102可以具有网络服务器和应用程序服务器模块两者。
[0029]在本示例中，服务器系统102还包括数据存储106，其用于存储服务器系统102在其操作过程中所需的各种数据。这样的数据可以包括例如用户账户数据、设计模板数据、设计元素数据和关于用户已经创建的设计的数据。尽管描绘了一个数据存储106，但是服务器系统102可以包括/利用多个单独的数据存储——例如，用户数据存储器(存储用户账户详细信息)；一个或多个设计元素库数据存储器(存储设计元素，例如用户可以添加到正在创建的设计中的图形)；模板数据存储器(存储本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种用于重新着色矢量图形的计算机实现的方法，该方法包括：由处理单元对所述矢量图形进行处理以确定文件颜色集合，所述文件颜色集合中的每个文件颜色为由所述矢量图形定义的颜色；处理所述矢量图形以确定由所述矢量图形定义的多个主色；通过将所述文件颜色集合中的每个文件颜色与文件颜色组相关联，生成文件颜色组集合，每个文件颜色组与由所述矢量图形定义的主色相关联；经由输入设备接收定义特定文件颜色组和新颜色的颜色变化输入数据；以及响应于接收到所述颜色变化输入数据：确定描述变化到所述新颜色的颜色变换；对于与所述特定文件颜色组相关联的每个文件颜色，使用所述颜色变换计算相应的变换后文件颜色；通过将与所述特定文件颜色组相关联的每个文件颜色替换为其相应的变换后文件颜色来重新着色所述矢量图形；以及在显示器上显示经重新着色的矢量图形。2.根据权利要求1所述的计算机实现的方法，其中，处理所述矢量图形以确定所述多个主色包括：对所述矢量图形进行栅格化以生成栅格数据；以及处理所述栅格数据以确定所述多个主色。3.根据权利要求2所述的计算机实现的方法，其中，处理所述栅格数据以确定所述多个主色包括：使用聚类算法处理所述栅格数据以确定多个簇；计算每个簇的代表性簇颜色；以及确定每个代表性簇颜色是主色。4.根据权利要求3所述的计算机实现的方法，其中，计算给定簇的代表性簇颜色包括计算与所述给定簇相关联的所有像素的平均颜色。5.根据权利要求1所述的计算机实现的方法，还包括对于所述文件颜色组集合中的每个文件颜色组确定代表性组颜色。6.根据权利要求5所述的计算机实现的方法，其中，对于给定文件颜色组确定的代表性组颜色是与所述文件颜色组相关联的主色。7.根据权利要求5所述的计算机实现的方法，其中，确定给定文件颜色组的代表性组颜色包括计算与所述给定文件颜色组相关联的所有文件颜色的平均颜色。8.根据权利要求5所述的计算机实现的方法，其中，所述颜色变换描述从所述特定文件颜色组的代表性组颜色到所述新颜色的颜色变化。9.根据权利要求5所述的计算机实现的方法，还包括使至少一个文件颜色组的代表性组颜色显示在用户界面中。10.根据权利要求5所述的计算机实现的方法，其中，响应于接收到所述颜色变化输入数据，所述方法还包括对于所述特定文件颜色组计算新的代表性组颜色。11.根据权利要求10所述的计算机实现的方法，其中：在接收到所述颜色变化输入数据之前，所述方法还包括使所述特定文件颜色组的代表
性组颜色显示在用户界面中；以及在接收到所述颜色变化输入数据之后，所述方法还包括使所述特定文件颜色组的新的代表性组颜色显示在所述用户界面中。12.一种计算机处理系统，包括：处理单元；输入设备；显示器；以及存储指令的非瞬时计算机可读存储介质，当所述指令由所述处理单元执行时，使所述处理单元：处理矢量图形以确定文件颜色集合，所述文件颜色集合中的每个文件颜色为由所述矢量图形定义的...

【专利技术属性】
技术研发人员：T，
申请(专利权)人：坎瓦有限公司，
类型：发明
国别省市：