Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

关于多色图标的想法 #3

Open
muyeyong opened this issue Jan 20, 2024 · 4 comments
Open

关于多色图标的想法 #3

muyeyong opened this issue Jan 20, 2024 · 4 comments

Comments

@muyeyong
Copy link

image
像这种多色图标是否可以解析其中的path的fil,通过自定义参数或者函数设置颜色

@famanoder
Copy link
Contributor

是这个思路,目前还未实现,计划是通过单独写一个 plugin 来处理

@famanoder famanoder added this to Plan Jan 22, 2024
@famanoder famanoder moved this to Backlog in Plan Jan 22, 2024
@muyeyong
Copy link
Author

是这个思路,目前还未实现,计划是通过单独写一个 plugin 来处理

可以直接用repalce-single-color处理下,区分多色和单色图标,插件改下名字吗
image

@famanoder
Copy link
Contributor

我是这么想的:

  1. 多色场景比较少见,可以默认不做处理,通过插件单独处理
  2. 最好可以通过插件的参数配置哪些图标支持多色传参,因为默认都处理的话,会产生大量的 css var 参数,svg 文件体积也会增大
  3. 支持多色后,css var 参数需要跟文件 id 关联防止不同文件之间出现重复的,同时,这些参数对用户不可见,需要在 preview 页面透出这些参数,让用户知道并且可以复制即可

@muyeyong
Copy link
Author

我是这么想的:

  1. 多色场景比较少见,可以默认不做处理,通过插件单独处理
  2. 最好可以通过插件的参数配置哪些图标支持多色传参,因为默认都处理的话,会产生大量的 css var 参数,svg 文件体积也会增大
  3. 支持多色后,css var 参数需要跟文件 id 关联防止不同文件之间出现重复的,同时,这些参数对用户不可见,需要在 preview 页面透出这些参数,让用户知道并且可以复制即可

cool

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: Backlog
Development

No branches or pull requests

2 participants