CN115202535A - 一种图标编辑的方法及装置、电子设备、存储介质 - Google Patents
一种图标编辑的方法及装置、电子设备、存储介质 Download PDFInfo
- Publication number
- CN115202535A CN115202535A CN202210917454.XA CN202210917454A CN115202535A CN 115202535 A CN115202535 A CN 115202535A CN 202210917454 A CN202210917454 A CN 202210917454A CN 115202535 A CN115202535 A CN 115202535A
- Authority
- CN
- China
- Prior art keywords
- icon
- style
- preset
- file content
- color value
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 53
- 238000010586 diagram Methods 0.000 description 12
- 230000004044 response Effects 0.000 description 11
- 230000008859 change Effects 0.000 description 6
- 230000006870 function Effects 0.000 description 6
- 238000004891 communication Methods 0.000 description 5
- 238000007689 inspection Methods 0.000 description 5
- 230000008569 process Effects 0.000 description 5
- 238000004590 computer program Methods 0.000 description 4
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000012217 deletion Methods 0.000 description 2
- 230000037430 deletion Effects 0.000 description 2
- 238000012545 processing Methods 0.000 description 2
- 230000009471 action Effects 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000003780 insertion Methods 0.000 description 1
- 230000037431 insertion Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
- 230000001052 transient effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0486—Drag-and-drop
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请涉及图标编辑技术领域,公开一种图标编辑的方法,该方法包括:获取图标的文件内容,从文件内容中查找出图标的目标颜色色值。获取目标颜色色值的样式数据,利用样式数据编辑文件内容。通过从图标的文件内容中查找出目标颜色色值,并获取目标颜色色值的样式数据。这样能够利用样式数据对文件内容进行编辑,从而实现对图标的自动编辑,无需用户手动编辑。提高了图标编辑的自动化程度,进而使得图标编辑的效率提高。本申请还公开一种图标编辑的装置及电子设备、存储介质。
Description
技术领域
本申请涉及图标编辑技术领域,例如涉及一种图标编辑的方法及装置、电子设备、存储介质。
背景技术
用户在制作网站页面时通常需要对图标进行编辑,例如:控制图标的颜色变化、缩小图标大小等。
在实现本公开实施例的过程中,发现相关技术中至少存在如下问题:
相关技术中在编辑图标时往往只能通过用户手动编辑,用户手动编辑图标的速度往往较慢,使得图标编辑的效率较低。
发明内容
为了对披露的实施例的一些方面有基本的理解,下面给出了简单的概括。所述概括不是泛泛评述,也不是要确定关键/重要组成元素或描绘这些实施例的保护范围,而是作为后面的详细说明的序言。
本公开实施例提供了一种图标编辑的方法及装置、电子设备、存储介质,以能够提高图标编辑的效率。
在一些实施例中,所述图标编辑的方法,包括:获取图标的文件内容,从所述文件内容中查找出所述图标的目标颜色色值。获取所述目标颜色色值的样式数据,利用所述样式数据编辑所述文件内容。
在一些实施例中,从所述文件内容中查找出所述图标的目标颜色色值,包括:将所述文件内容中与预设颜色色值相同的颜色色值确定为所述目标颜色色值。
在一些实施例中,所述样式数据为CSS(Cascading Style Sheets,层叠样式表)样式,获取所述目标颜色色值的样式数据,包括:从预设的样式名数据库中匹配出与所述目标颜色色值对应的样式名;所述样式名数据库中存储有目标颜色色值与样式名的对应关系。从预设的样式数据库中匹配出与所述样式名对应的CSS样式;所述样式数据库中存储有样式名与CSS样式的对应关系。
在一些实施例中,利用所述样式数据编辑所述文件内容,包括:将所述样式数据***所述文件内容中第一个预设字符组合中的预设位置。
在一些实施例中,所述预设字符组合包括第一预设字符和第二预设字符;所述预设位置为所述第一预设字符和所述第二预设字符之间的位置。
在一些实施例中,从所述文件内容中查找出所述图标的目标颜色色值,包括:获取所述图标的文件扩展名,确定所述文件扩展名的类型和所述文件内容的类型。在所述文件扩展名的类型为第一预设类型,且所述文件内容的类型为第二预设类型的情况下,从所述文件内容中查找出所述图标的目标颜色色值。
在一些实施例中,确定所述文件扩展名的类型和所述文件内容的类型后,还包括:在所述文件扩展名的类型不为第一预设类型,和/或,所述文件内容的类型不为第二预设类型的情况下,对所述图标进行错误提示。
在一些实施例中,所述从图标对应的文件内容中查找出目标颜色色值前,还包括:利用预设的关键字符串获取所述文件内容中的冗余内容;删除所述冗余内容。
在一些实施例中,所述图标编辑的装置,包括:第一获取模块,被配置为获取图标的文件内容;查找模块,被配置为从所述文件内容中查找出所述图标的目标颜色色值;第二获取模块,被配置为获取所述目标颜色色值的样式数据;编辑模块,被配置为利用所述样式数据编辑所述文件内容。
在一些实施例中,所述电子设备,包括处理器和存储有程序指令的存储器,所述处理器被配置为在执行所述程序指令时,执行上述图标编辑的方法。
在一些实施例中,所述存储介质存储有程序指令,所述程序指令在运行时,执行上述的图标编辑的方法。
本公开实施例提供的图标编辑的方法及装置、电子设备、存储介质,可以实现以下技术效果:通过从图标的文件内容中查找出目标颜色色值,并获取目标颜色色值的样式数据。这样通过利用样式数据对文件内容进行编辑,能够实现对图标的自动编辑,无需用户手动编辑。提高了图标编辑的自动化程度,进而使得图标编辑的效率提高。
以上的总体描述和下文中的描述仅是示例性和解释性的,不用于限制本申请。
附图说明
一个或多个实施例通过与之对应的附图进行示例性说明,这些示例性说明和附图并不构成对实施例的限定,附图中具有相同参考数字标号的元件示为类似的元件,附图不构成比例限制,并且其中:
图1是本公开实施例提供的一个图标编辑的方法的示意图;
图2是本公开实施例提供的另一个图标编辑的方法的示意图;
图3是本公开实施例提供的一个图标编辑工具的应用示意图;
图4是本公开实施例提供的另一个图标编辑的方法的示意图;
图5是本公开实施例提供的一个图标编辑的装置的示意图;
图6是本公开实施例提供的一个电子设备的结构示意图。
具体实施方式
为了能够更加详尽地了解本公开实施例的特点与技术内容,下面结合附图对本公开实施例的实现进行详细阐述,所附附图仅供参考说明之用,并非用来限定本公开实施例。在以下的技术描述中,为方便解释起见,通过多个细节以提供对所披露实施例的充分理解。然而,在没有这些细节的情况下,一个或多个实施例仍然可以实施。在其它情况下,为简化附图,熟知的结构和装置可以简化展示。
本公开实施例的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本公开实施例的实施例。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含。
除非另有说明,术语“多个”表示两个或两个以上。
本公开实施例中,字符“/”表示前后对象是一种“或”的关系。例如,A/B表示:A或B。
术语“和/或”是一种描述对象的关联关系,表示可以存在三种关系。例如,A和/或B,表示:A或B,或,A和B这三种关系。
术语“对应”可以指的是一种关联关系或绑定关系,A与B相对应指的是A与B之间是一种关联关系或绑定关系。
本申请可应用于图标编辑工具等软件。
需要说明的是,本发明实施例的执行主体可以为在浏览器上运行的应用,应用是终端上的浏览器的一个网页程序(Web App)。
此外,本发明实施例中所涉及的电子设备可以包括但不限于手机、个人数字助理(Personal Digital Assistant,PDA)、无线手持设备、平板电脑(Tablet Computer)、个人电脑(Personal Computer,PC)、掌上电脑(PDA,Personal Digital Assistants)等。
结合图1所示,本公开实施例提供一种图标编辑的方法,包括:
步骤S101,获取图标的文件内容。
步骤S102,从文件内容中查找出图标的目标颜色色值。
步骤S103,获取目标颜色色值的样式数据。
步骤S104,利用样式数据编辑文件内容。
采用本公开实施例提供的图标编辑的方法,通过从图标的文件内容中查找出目标颜色色值,并获取目标颜色色值的样式数据。这样通过利用样式数据对文件内容进行编辑,能够实现对图标的自动编辑,无需用户手动编辑。提高了图标编辑的自动化程度,进而使得图标编辑的效率提高。
在本实施例中,图标为SVG(Scalable Vector Graphics,可缩放矢量图形)图标。图标对应的文件内容包括:声明为XML(Extensible Markup Language,可扩展标记语言)支持的版本及编码、SVG文档声明、SVG文档大小、SVG文档版本、文件标题名、路径编组和绘制图形的路径等。
通过以下详细描述对步骤S101进行说明:获取图标的文件内容,包括:响应于图标选择操作,从图标中读取文件内容。其中,图标选择操作为,用户通过鼠标将选择的图标拖入到预设的操作区域中。这样,由于图标为文本文件,通过对图标直接进行读取能够获得图标的文件内容。
通过以下详细描述对步骤S102进行说明:从文件内容中查找出图标的目标颜色色值,包括:将文件内容中与预设颜色色值相同的颜色色值确定为目标颜色色值。这样能够从文件内容中查找出能够修改的颜色色值,便于对该颜色色值进行修改。
预设颜色色值包括:#36425A、#417FF9、#E8802E、#FFFFFF、#C0C0C0或#FFC0CB中的一种或多种。例如,图标对应的文件内容中与预设颜色色值相同的颜色色值有#36425A和#417FF9,则将#36425A和#417FF9确定为目标颜色色值。
进一步的,样式数据为CSS样式,获取目标颜色色值的样式数据,包括:从预设的样式名数据库中匹配出与目标颜色色值对应的样式名,样式名数据库中存储有目标颜色色值与样式名的对应关系。从预设的样式数据库中匹配出与样式名对应的CSS样式,样式数据库中存储有样式名与CSS样式的对应关系。这样通过直接从预设的样式数据库中匹配出对应的CSS样式,便于对CSS样式进行添加。
在一些实施例中,如表1所示,表1是预设的样式名数据库的示例表。例如,在获取到目标颜色色值为#36425A和#417FF9。则从样式名数据库中匹配出与“#36425A”对应的样式名为“class="colorBlackStroke"”。从样式名数据库中匹配出与“#417FF9”对应的样式名为“class="colorBlueStroke"”。
样式名 | 目标颜色色值 |
class="colorBlackStroke" | #36425A |
class="colorBlueStroke" | #417FF9 |
表1
在一些实施例中,如表2所示,表2是预设的样式数据库的示例表。例如,样式名包括“class="colorBlackStroke"”和“class="colorBlueStroke"”。从预设的样式数据库中匹配出与“class="colorBlackStroke"”对应的CSS样式为“colorBlackStroke{fill:#36425A;}”。从预设的样式数据库中匹配出与“class="colorBlueStroke"”对应的CSS样式为“colorBlueStroke{fill:#417FF9;}”。
表2
进一步的,利用样式数据编辑文件内容,包括:将样式数据***文件内容中第一个预设字符组合中的预设位置。其中,预设字符组合为“><”。预设字符组合为预先设置的字符组合,预设字符组合用于确认***样式数据的位置。
进一步的,预设字符组合包括第一预设字符和第二预设字符;预设位置为第一预设字符和第二预设字符之间的位置。其中,第一预设字符为“>”,第二预设字符为“<”。在一些实施例中,预设位置为在第一预设字符之后,第二预设字符之前的位置。
在一些实施例中,获取到的样式数据包括:CSS样式:“colorBlackStroke{fill:#36425A;}”,在文件内容中查找预设字符组合“><”,并在查找到的第一个预设字符组合“><”中的第一预设字符“>”和第二预设字符“<”之间***该CSS样式。
可选地,将样式数据***文件内容中第一个预设字符组合中的预设位置后,还包括:将文件内容中的目标颜色色值替换为目标颜色色值对应的样式名。这样,通过用样式名在文件内容中表征目标颜色色值,便于用户对文件内容中的目标颜色色值进行查看。
结合图2所示,本公开实施例提供一种图标编辑的方法,包括:
步骤S201,从图标对应的文件内容中查找出图标的目标颜色色值。
步骤S202,获取目标颜色色值对应的样式名。
步骤S203,将文件内容中的目标颜色色值替换为目标颜色色值对应的样式名,并获取样式名对应的CSS样式。
步骤S204,将CSS样式***文件内容中第一个预设字符组合中的预设位置。
采用本公开实施例提供的图标编辑的方法,通过将文件内容中的目标颜色色值替换为样式名,并用CSS样式来表征图标中的目标颜色色值,将目标颜色色值对应的CSS样式显示在预设位置。便于用户快速查看,用户只需要对预设位置处的CSS样式进行调整就能够控制图标的颜色变化。从而能够提高用户调整图标颜色的效率。
进一步的,从图标的文件内容中查找出图标的目标颜色色值,包括:获取图标的文件扩展名。确定图标的文件扩展名的类型,并确定图标的文件内容的类型。在文件扩展名的类型为第一预设类型,且文件内容的类型为第二预设类型的情况下,从文件内容中查找出图标的目标颜色色值。这样,通过先确定图标的文件扩展名和文件内容,便于用户对该类型的图标进行编辑操作。
进一步的,获取图标的文件扩展名,包括:响应于图标选择操作,读取图标的文件扩展名。其中,图标选择操作为,用户通过鼠标将选择的图标拖入到预设的操作区域中。这样,由于图标为文本文件,通过对图标直接进行读取能够获得图标的文件扩展名。
在一些实施例中,响应于图标选择操作,确定图标。在图标对应的文件扩展名的类型为第一预设类型,且图标对应的文件内容的类型为第二预设类型的情况下,将图标显示在预设的操作区域中,并对图标进行样式名查找操作和CSS样式添加操作。其中,图标选择操作为,用户通过鼠标将选择的图标拖入到预设的操作区域中。样式名查找操作为,从图标对应的文件内容中查找出图标的目标颜色色值,并获取目标颜色色值对应的样式名。CSS样式添加操作为,获取样式名对应的CSS样式,并将CSS样式***文件内容中的预设位置。其中,第一预设类型为“.svg”。第二预设类型为“SVG文件代码”。这样,针对SVG图标进行样式名查找操作和CSS样式添加操作,便于用户快速查看,用户只需要对预设位置处的CSS样式进行调整就能够控制图标的颜色变化。这样能够提高用户调整SVG图标颜色的效率,进而提高图标编辑的效率。
进一步的,确定图标的文件扩展名的类型,并确定图标的文件内容的类型后,还包括:在图标的文件扩展名的类型不为第一预设类型,和/或,图标的文件内容的类型不为第二预设类型的情况下,对图标进行错误提示。这样,通过对图标的文件扩展名和文件内容进行判断,及时将对应的错误信息进行展示,能够起到提示用户的作用,便于用户查看和修改。
可选地,对图标进行错误提示,包括:在预设区域显示预设的错误信息。其中,预设的错误信息包括:“图标对应的文件扩展名错误”和/或“图标对应的文件内容错误”。
在一些实施例中,在图标对应的文件扩展名的类型不为第一预设类型的情况下,在预设区域显示预设的错误信息。其中,预设的错误信息为“图标对应的文件扩展名错误”。
在一些实施例中,在图标对应的文件内容的类型不为第二预设类型的情况下,在预设区域显示预设的错误信息。其中,预设的错误信息为“图标对应的文件内容错误”。
在一些实施例中,在图标对应的文件扩展名的类型不为第一预设类型,且,图标对应的文件内容的类型不为第二预设类型的情况下,在预设区域显示预设的错误信息。其中,预设的错误信息为“图标对应的文件扩展名错误、图标对应的文件内容错误”。
可选地,对图标进行错误提示,包括:在预设区域显示带有红色感叹号的图标。
在一些实施例中,结合图3所示,图3为本公开实施例提供一个图标编辑工具的应用示意图。图3中,图标编辑工具中包括“背景透明”按钮、“多色风格”按钮、“双色风格”按钮、“检查”按钮、“刷新”按钮和“确定输出”按钮。将用户通过鼠标将拖入到预设的操作区域中的图标确定为图标。图标编辑工具通过获取鼠标的拖放动作,来确定图标对应的文件扩展名和文件内容。在文件扩展名的类型为“.svg”,且文件内容的类型为“SVG文件代码”的情况下,将图标显示在操作区域中的预设的展示位上。在文件扩展名的类型不为“.svg”,且,文件内容的类型不为“SVG文件代码”的情况下,在操作区域中显示错误信息“图标对应的文件扩展名错误、图标对应的文件内容错误”。其中,预设的操作区域中包括多个展示位。这样能够批量同时对多个图标进行修改,提高编辑图标的效率。
可选地,响应于确定输出操作,输出编辑后的图标。以完成对图标的编辑。如图3所示,图标编辑工具设置有“确定输出”按钮,用户通过点击“确定输出”按钮,选择进行确定输出操作。在用户点击“确定输出”按钮的情况下,响应于确定输出操作,图标编辑工具输出编辑后的图标。
可选地,响应于检查操作,对图标进行检查。以实现对编辑后的图标进行检查。如图3所示,图标编辑工具设置有“多色风格”、“双色风格”和“检查”等按钮。用户通过点击“多色风格”按钮、“双色风格”按钮或“检查”按钮,选择进行检查操作。在用户点击“多色风格”按钮、“双色风格”按钮或“检查”按钮的情况下,响应于检查操作,图标编辑工具对图标进行检查。
可选地,响应于刷新操作,对操作区域进行刷新。如图3所示,图标编辑工具设置有“刷新”按钮。用户通过点击“刷新”按钮选择进行刷新操作。在用户点击“刷新”按钮的情况下,响应于刷新操作,图标编辑工具对操作区域进行刷新。
可选地,响应于背景调整操作,对图标编辑工具的背景进行调整。如图3所示,图标编辑工具设置有“背景透明”按钮。用户通过点击“背景透明”按钮选择进行背景调整操作。在用户点击“背景透明”按钮的情况下,响应于背景调整操作,对图标编辑工具的背景进行调整。
进一步的,获取图标的文件内容后,还包括:利用预设的关键字符串获取文件内容中的冗余内容;删除冗余内容。这样,由于冗余内容不是对图标外观的定义,删除冗余内容不会对图标的外观造成影响,能够有效缩小图标的大小,简化代码。
可选地,利用预设的关键字符串获取文件内容中的冗余内容,包括:将文件内容中包括关键字符串的文本字段确定为冗余内容。其中,预设的关键字符串包括:“<?...>”、“<title>...</title>”、“<g...</g>”或“id=〞...〞”等中的一种或多种。冗余内容包括XML注释、文件标题名、路径编组或ID(Identity document,身份标识号)等中的一种或多种。
在一些实施例中,利用关键字符串“<?...>”进行冗余内容查找,将包含有该关键字符串“<?...>”的文本字段确定为冗余内容,例如:文本字段为“<?xml version="1.0"encoding="UTF-8"?>”,该文本字段包含有该关键字符串“<?...>”。则将该文本字段确定为冗余内容,并将其删除。这样通过利用关键字符串“<?...>”查找并删除冗余内容,能够将文件内容中的XML注释删除,缩小文件内容的大小。
在一些实施例中,利用关键字符串“<title>...</title>”进行冗余内容查找,将包含有该关键字符串“<title>...</title>”的文本字段确定为冗余内容,例如:文本字段为“<title>Paste</title>”,该文本字段包含有关键字符串“<title>...</title>”。则将该文本字段确定为冗余内容,并将其删除。这样通过利用关键字符串“<title>...</title>”查找并删除冗余内容,能够将文件内容中的文件标题名删除,缩小文件内容的大小。
在一些实施例中,利用关键字符串“<g...</g>”进行冗余内容查找,将包含有该关键字符串“<g...</g>”的文本字段确定为冗余内容,例如:文本字段为“<g id="#"</g>”。该文本字段包含有关键字符串“<g...</g>”,则将该文本字段确定为冗余内容,并将其删除。这样通过利用关键字符串“<g...</g>”查找并删除冗余内容,能够将文件内容中的路径编组删除,缩小文件内容的大小。
在一些实施例中,利用关键字符串“id=〞...〞”进行冗余内容查找,将包含有关键字符串“id=〞...〞”的文本字段确定为冗余内容,例如:文本字段为“id=〞路径〞”。该文本字段包含有关键字符串“id=〞...〞”,则将该文本字段确定为冗余内容,并将其删除。这样通过利用关键字符串“d=〞...〞”查找并删除冗余内容,能够将文件内容中的ID删除,缩小文件内容的大小。
可选地,利用预设的关键字符串从图标的文件内容中查找出冗余内容,包括:将预设的关键字符串后预设位数字后的数字确定为冗余内容。其中,预设的关键字符串为“.”等,预设位数字为第4位数字。
在一些实施例中,利用关键字符串“.”进行冗余内容查找,将关键字符串“.”后第4位数字后的数字确定为冗余内容。例如,图标对应的文件内容中包括“.”文本字段为“22.6418278”,则将关键字符“.”后第4位数字后的内容“278”确定为冗余内容,并将其删除。
结合图4所示,本公开实施例提供一种图标编辑的方法,包括:
步骤S401,利用预设的关键字符串获取图标的文件内容中的冗余内容。
步骤S402,删除冗余内容。
步骤S403,从删除冗余内容后的文件内容中查找出图标的目标颜色色值。
步骤S404,获取目标颜色色值对应的样式名。
步骤S405,获取样式名对应的CSS样式。
步骤S406,将CSS样式***文件内容中第一个预设字符组合中的预设位置。
采用本公开实施例提供的图标编辑的方法,通过用CSS样式来表征图标中的目标颜色色值,并将目标颜色色值对应的CSS样式显示在预设位置,便于用户快速查看,用户只需要对预设位置处的CSS样式进行调整就能够控制图标的颜色变化,从而能够提高用户调整图标颜色的效率;同时,由于冗余内容不是对图标外观的定义,删除冗余内容不会对图标的外观造成影响,通过删除文件内容中的冗余内容,能够有效缩小图标的大小,简化代码。
可选地,结合图5所示,本公开实施例提供一种图标编辑的装置,包括:第一获取模块501、查找模块502、第二获取模块503和编辑模块504;第一获取模块501被配置为获取图标的文件内容,并将图标的文件内容发送给查找模块;查找模块502被配置为接收第一获取模块发送的图标的文件内容,从文件内容中查找出图标的目标颜色色值,并将目标颜色色值发送给第二获取模块;第二获取模块503被配置为接收查找模块发送的目标颜色色值,获取目标颜色色值的样式数据,并将样式数据发送给编辑模块;编辑模块504被配置为接收第二获取模块发送的样式数据,并利用样式数据编辑文件内容。
采用本公开实施例提供的图标编辑的装置,通过第一获取模块获取图标的文件内容,查找模块从文件内容中查找出图标的目标颜色色值。第二获取模块获取目标颜色色值的样式数据,编辑模块利用样式数据编辑文件内容。通过从图标的文件内容中查找出目标颜色色值,并获取目标颜色色值的样式数据。这样能够使用样式数据对文件内容进行编辑,从而实现对图标的自动编辑,无需用户手动编辑。提高了图标编辑的自动化程度,进而使得图标编辑的效率提高。
进一步的,查找模块被配置为通过以下方式从文件内容中查找出图标的目标颜色色值:将文件内容中与预设颜色色值相同的颜色色值确定为目标颜色色值。
进一步的,样式数据为CSS样式,第二获取模块被配置为通过以下方式获取目标颜色色值的样式数据:从预设的样式名数据库中匹配出与目标颜色色值对应的样式名,样式名数据库中存储有目标颜色色值与样式名的对应关系。从预设的样式数据库中匹配出与样式名对应的CSS样式,样式数据库中存储有样式名与CSS样式的对应关系。
进一步的,编辑模块被配置为通过以下方式利用样式数据编辑文件内容,包括:将样式数据***文件内容中第一个预设字符组合中的预设位置。
进一步的,预设字符组合包括第一预设字符和第二预设字符;预设位置为第一预设字符和第二预设字符之间的位置。
进一步的,查找模块还被配置为通过以下方式从文件内容中查找出图标的目标颜色色值:获取图标的文件扩展名,确定文件扩展名的类型和文件内容的类型。在文件扩展名的类型为第一预设类型,且文件内容的类型为第二预设类型的情况下,从文件内容中查找出图标的目标颜色色值。
进一步的,确定文件扩展名的类型和文件内容的类型后,还包括:在文件扩展名的类型不为第一预设类型,和/或,文件内容的类型不为第二预设类型的情况下,对图标进行错误提示。
进一步的,图标编辑的装置还包括删除模块,删除模块被配置为获取图标的文件内容后:利用预设的关键字符串获取文件内容中的冗余内容;删除冗余内容。
在制作网站页面的场景中,通常需要控制图标的颜色变化。由于图标对应的文件内容中往往还包括很多颜色色值之外的其他内容,用户难以在文件内容中快速查找出图标中需要控制的颜色,导致用户调整图标颜色的效率较低。本申请利用CSS样式来表征图标中的目标颜色色值,并将目标颜色色值对应的CSS样式显示在预设位置。这样便于用户快速查看,用户只需要对预设位置处的CSS样式进行调整就能够控制图标的颜色变化。从而提高了用户调整图标颜色的效率。
结合图6所示,本公开实施例提供一种电子设备,包括处理器(Processor)600和存储有程序指令的存储器(Memory)601。可选地,该电子设备还可以包括通信接口(Communication Interface)602和总线603。其中,处理器600、通信接口602、存储器601可以通过总线603完成相互间的通信。通信接口602可以用于信息传输。处理器600可以调用存储器601中的逻辑指令,以执行上述实施例的图标编辑的方法。
此外,上述的存储器601中的程序指令可以通过软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。
存储器601作为一种计算机可读存储介质,可用于存储软件程序、计算机可执行程序,如本公开实施例中的方法对应的程序指令/模块。处理器600通过运行存储在存储器601中的程序指令/模块,从而执行功能应用以及数据处理,即实现上述实施例中图标编辑的方法。
存储器601可包括存储程序区和存储数据区,其中,存储程序区可存储操作***、至少一个功能所需的应用程序;存储数据区可存储根据终端设备的使用所创建的数据等。此外,存储器601可以包括高速随机存取存储器,还可以包括非易失性存储器。
采用本公开实施例提供的电子设备,通过从图标的文件内容中查找出目标颜色色值,并获取目标颜色色值的样式数据。这样通过利用样式数据对文件内容进行编辑,能够实现对图标的自动编辑,无需用户手动编辑。提高了图标编辑的自动化程度,进而使得图标编辑的效率提高。
可选地,电子设备包括:计算机、服务器等。
本公开实施例提供了一种存储介质,程序指令在运行时,执行如上述的图标编辑的方法。
本公开实施例提供了一种计算机程序产品,计算机程序产品包括存储在计算机可读存储介质上的计算机程序,计算机程序包括程序指令,当程序指令被计算机执行时,使计算机执行上述图标编辑的方法。
上述的计算机可读存储介质可以是暂态计算机可读存储介质,也可以是非暂态计算机可读存储介质。
本公开实施例的技术方案可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括一个或多个指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本公开实施例所述方法的全部或部分步骤。而前述的存储介质可以是非暂态存储介质,包括:U盘、移动硬盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等多种可以存储程序代码的介质,也可以是暂态存储介质。
以上描述和附图充分地示出了本公开的实施例,以使本领域的技术人员能够实践它们。其他实施例可以包括结构的、逻辑的、电气的、过程的以及其他的改变。实施例仅代表可能的变化。除非明确要求,否则单独的部件和功能是可选的,并且操作的顺序可以变化。一些实施例的部分和特征可以被包括在或替换其他实施例的部分和特征。而且,本申请中使用的用词仅用于描述实施例并且不用于限制权利要求。如在实施例以及权利要求的描述中使用的,除非上下文清楚地表明,否则单数形式的“一个”(a)、“一个”(an)和“所述”(the)旨在同样包括复数形式。类似地,如在本申请中所使用的术语“和/或”是指包含一个或一个以上相关联的列出的任何以及所有可能的组合。另外,当用于本申请中时,术语“包括”(comprise)及其变型“包括”(comprises)和/或包括(comprising)等指陈述的特征、整体、步骤、操作、元素,和/或组件的存在,但不排除一个或一个以上其它特征、整体、步骤、操作、元素、组件和/或这些的分组的存在或添加。在没有更多限制的情况下,由语句“包括一个…”限定的要素,并不排除在包括所述要素的过程、方法或者设备中还存在另外的相同要素。本文中,每个实施例重点说明的可以是与其他实施例的不同之处,各个实施例之间相同相似部分可以互相参见。对于实施例公开的方法、产品等而言,如果其与实施例公开的方法部分相对应,那么相关之处可以参见方法部分的描述。
本领域技术人员可以意识到,结合本文中所公开的实施例描述的各示例的单元及算法步骤,能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行,可以取决于技术方案的特定应用和设计约束条件。所述技术人员可以对每个特定的应用来使用不同方法以实现所描述的功能,但是这种实现不应认为超出本公开实施例的范围。所述技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的***、装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
本文所披露的实施例中,所揭露的方法、产品(包括但不限于装置、设备等),可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,所述单元的划分,可以仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个***,或一些特征可以忽略,或不执行。另外,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例。另外,在本公开实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。
附图中的流程图和框图显示了根据本公开实施例的***、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分,所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这可以依所涉及的功能而定。在附图中的流程图和框图所对应的描述中,不同的方框所对应的操作或步骤也可以以不同于描述中所披露的顺序发生,有时不同的操作或步骤之间不存在特定的顺序。例如,两个连续的操作或步骤实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这可以依所涉及的功能而定。框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或动作的专用的基于硬件的***来实现,或者可以用专用硬件与计算机指令的组合来实现。
Claims (11)
1.一种图标编辑的方法,其特征在于,包括:
获取图标的文件内容;
从所述文件内容中查找出所述图标的目标颜色色值;
获取所述目标颜色色值的样式数据;
利用所述样式数据编辑所述文件内容。
2.根据权利要求1所述的方法,其特征在于,从所述文件内容中查找出所述图标的目标颜色色值,包括:
将所述文件内容中与预设颜色色值相同的颜色色值确定为所述目标颜色色值。
3.根据权利要求1所述的方法,其特征在于,所述样式数据为层叠样式表CSS样式,获取所述目标颜色色值的样式数据,包括:
从预设的样式名数据库中匹配出与所述目标颜色色值对应的样式名;所述样式名数据库中存储有所述目标颜色色值与所述样式名的对应关系;
从预设的样式数据库中匹配出与所述样式名对应的CSS样式;所述样式数据库中存储有所述样式名与所述CSS样式的对应关系。
4.根据权利要求1所述的方法,其特征在于,利用所述样式数据编辑所述文件内容,包括:
将所述样式数据***所述文件内容中第一个预设字符组合中的预设位置。
5.根据权利要求4所述的方法,其特征在于,所述预设字符组合包括第一预设字符和第二预设字符;所述预设位置为所述第一预设字符和所述第二预设字符之间的位置。
6.根据权利要求1所述的方法,其特征在于,从所述文件内容中查找出所述图标的目标颜色色值,包括:
获取所述图标的文件扩展名;
确定所述文件扩展名的类型和所述文件内容的类型;
在所述文件扩展名的类型为第一预设类型,且所述文件内容的类型为第二预设类型的情况下,从所述文件内容中查找出所述图标的目标颜色色值。
7.根据权利要求6所述的方法,其特征在于,确定所述文件扩展名的类型和所述文件内容的类型后,还包括:
在所述文件扩展名的类型不为第一预设类型,和/或,所述文件内容的类型不为第二预设类型的情况下,对所述图标进行错误提示。
8.根据权利要求1所述的方法,其特征在于,获取图标的文件内容后,还包括:
利用预设的关键字符串获取所述文件内容中的冗余内容;
删除所述冗余内容。
9.一种图标编辑的装置,其特征在于,包括:
第一获取模块,被配置为获取图标的文件内容;
查找模块,被配置为从所述文件内容中查找出所述图标的目标颜色色值;
第二获取模块,被配置为获取所述目标颜色色值的样式数据;
编辑模块,被配置为利用所述样式数据编辑所述文件内容。
10.一种电子设备,包括处理器和存储有程序指令的存储器,其特征在于,所述处理器被配置为在运行所述程序指令时,执行如权利要求1至8任一项所述的图标编辑的方法。
11.一种存储介质,存储有程序指令,其特征在于,所述程序指令在运行时,执行如权利要求1至8任一项所述的图标编辑的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210917454.XA CN115202535A (zh) | 2022-08-01 | 2022-08-01 | 一种图标编辑的方法及装置、电子设备、存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210917454.XA CN115202535A (zh) | 2022-08-01 | 2022-08-01 | 一种图标编辑的方法及装置、电子设备、存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115202535A true CN115202535A (zh) | 2022-10-18 |
Family
ID=83585997
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210917454.XA Pending CN115202535A (zh) | 2022-08-01 | 2022-08-01 | 一种图标编辑的方法及装置、电子设备、存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115202535A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116680489A (zh) * | 2023-04-07 | 2023-09-01 | 深圳市同行者科技有限公司 | 一种svg图像颜色的修改方法、装置、设备及存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111078221A (zh) * | 2019-12-30 | 2020-04-28 | 江苏满运软件科技有限公司 | 页面颜色主题的切换方法、装置、存储介质及电子设备 |
CN111666123A (zh) * | 2020-05-28 | 2020-09-15 | 平安医疗健康管理股份有限公司 | 页面主题控制方法、***和计算机设备 |
CN114090160A (zh) * | 2021-11-23 | 2022-02-25 | 上海金仕达成括信息科技有限公司 | 一种主题风格切换方法及*** |
CN114461212A (zh) * | 2022-01-25 | 2022-05-10 | 北京星辰天合科技股份有限公司 | 软件换肤的方法和装置、存储介质及处理器 |
-
2022
- 2022-08-01 CN CN202210917454.XA patent/CN115202535A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111078221A (zh) * | 2019-12-30 | 2020-04-28 | 江苏满运软件科技有限公司 | 页面颜色主题的切换方法、装置、存储介质及电子设备 |
CN111666123A (zh) * | 2020-05-28 | 2020-09-15 | 平安医疗健康管理股份有限公司 | 页面主题控制方法、***和计算机设备 |
CN114090160A (zh) * | 2021-11-23 | 2022-02-25 | 上海金仕达成括信息科技有限公司 | 一种主题风格切换方法及*** |
CN114461212A (zh) * | 2022-01-25 | 2022-05-10 | 北京星辰天合科技股份有限公司 | 软件换肤的方法和装置、存储介质及处理器 |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116680489A (zh) * | 2023-04-07 | 2023-09-01 | 深圳市同行者科技有限公司 | 一种svg图像颜色的修改方法、装置、设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US7140536B2 (en) | Method and system for highlighting modified content in a shared document | |
US10102183B2 (en) | System for transferring annotations between documents displayed side by side | |
KR101525279B1 (ko) | 구축 이후에 사용자 번역된 사이트 | |
CN110688600A (zh) | 基于html页面的在线编辑方法、装置、设备及存储介质 | |
JP2020187733A (ja) | アプリケーション・プログラミング・インターフェースのドキュメンテーションの注釈付け | |
WO2008024325A2 (en) | Persistent saving portal | |
CN104156307A (zh) | 一种浏览器兼容性检测方法和*** | |
US9703763B1 (en) | Automatic document citations by utilizing copied content for candidate sources | |
CN113688288B (zh) | 数据关联分析方法、装置、计算机设备和存储介质 | |
AU2021201489B2 (en) | System and Process for generating an internet application | |
US20140101533A1 (en) | Lossless application of new information architecture to existing websites, web pages, and online content | |
US10643022B2 (en) | PDF extraction with text-based key | |
CN115202535A (zh) | 一种图标编辑的方法及装置、电子设备、存储介质 | |
JP2006268661A (ja) | データインポート方法およびデータインポート装置 | |
US20210357190A1 (en) | Aesthetic visualizations by auto-optimizing connectors in workflows | |
CN116756456A (zh) | 网页端划词方法及装置、存储介质、终端 | |
CN109358919A (zh) | 通用页面的动态配置方法、装置、计算机设备及存储介质 | |
CN114861614A (zh) | 用于填充数据的方法及装置、电子设备、介质 | |
US10452412B2 (en) | Graphical user interface for non-hierarchical file system | |
CN114611468A (zh) | 文档处理方法、装置、电子设备及计算机可读存储介质 | |
CN113641523A (zh) | 一种日志处理方法及装置 | |
JP2010072805A (ja) | 投稿・閲覧支援システム | |
CN107203521B (zh) | 信息处理方法及装置 | |
CN116136839B (zh) | 法规文件花脸稿的生成方法、生成***及相关设备 | |
CN111831874B (zh) | 网页数据信息获取方法、装置、计算机设备及存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |