请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

dystar001 悬赏达人认证

高级会员

63

主题

426

帖子

1689

积分

高级会员

积分
1689

活字格认证圣诞拼拼乐悬赏达人

dystar001 悬赏达人认证
高级会员   /  发表于:2021-9-6 22:55  /   查看:2796  /  回复:7
本帖最后由 David.Zhong 于 2021-9-7 10:27 编辑


有些SVG图片上传后,无法使用“单元格字体颜色”和“使用自定义颜色”这两个选项。
有些SVG图片上传后,第一次可以使用这两个选项,但是如果在设计器里修改后,这两个选项又不能用了。


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

7 个回复

倒序浏览
David.Zhong讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2021-9-7 10:25:03
沙发
和大佬们讨论一些关于svg的内容哈,
svg的名称叫做可缩放矢量图形,它的图像能够被无限放大而不失真或降低质量,并且可以方便地修改内容。
简单的svg,颜色分为两种,内容和边框,对应的属性分别为fill和stroke。
我们在活字格中修改的svg的颜色,修改的是内容fill属性。
所以,如果一张svg的图片,所有的颜色都是用fill属性设置的话,那么在活字格中设置颜色之后,就会显示为纯色。
效果如下图:

如果大佬想既能展示一部分内容,又想保持一些形状,可以把对应线条内容的颜色属性修改为stroke,
修改后效果:

关于svg的这个内容和边框的概念,大佬可以参考:
填充和边框 - SVG | MDN (mozilla.org)
(ps:我也不是专业的,说得不好的地方大佬们担待一下,大致是这个意思,欢迎专业的大佬来给我们讲一下哈~)

看了一下大佬的svg,颜色都是用的fill属性哈,所以在更改颜色的时候所有内容都显示成一个颜色了。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
dystar001悬赏达人认证
高级会员   /  发表于:2021-9-8 00:43:59
板凳
本帖最后由 dystar001 于 2021-9-9 12:17 编辑
David.Zhong 发表于 2021-9-7 10:25
和大佬们讨论一些关于svg的内容哈,
svg的名称叫做可缩放矢量图形,它的图像能够被无限放大而不失真或降低 ...

感谢您的回复,但是并没有解决我说的问题。

首先这些图标不是我们自己做的,而是一些网络上下载的,有些都是比较大的公司的产品,比如阿里的产品。所以我认为这些sgv的图标的代码应该是符合一定规范的。

https://blog.csdn.net/z591102/article/details/107511630,在这些资源中,我都测试了一下,能通过活字格设计器的不到一半,大部分都是fill异常,能否说明活字格目前svg导入这个功能,存在一定的兼容性问题?具体的是什么问题,还请官方研究一下。省得很多格友费心找到的图片,导入后发现不能使用。

谢谢!

为了避免大家浪费时间,分享一下两个资源,我测试是可以使用图标库:
1)https://www.iconfont.cn/  阿里的图库,注意不能打包下载,只能一个一个下载,如果要在活字格变颜色的话,必须要下载单色图标。

2)https://icons.getbootstrap.com/  可以打包下载。(已经帮大家下载了)

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

评分

参与人数 1金币 +5 收起 理由
David.Zhong + 5 赞一个!

查看全部评分

回复 使用道具 举报
David.Zhong讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2021-9-8 11:01:48
地板
dystar001 发表于 2021-9-8 00:43
感谢您的回复,但是并没有解决我说的问题。

首先这些图标不是我们自己做的,而是一些网络上下载的,有 ...

非常理解大佬哈~辛辛苦苦找到心仪的图片不能用,确实让人很难受。
我测了一下大佬附件中的1370张svg图片,全导进活字格了,各个区间随机测试了大概几十张,都是能正常支持设置颜色的。

其次,我测试了一下阿里云矢量库,随机选了两组个人和官方的icon进行测试,
设置颜色之后,不管是个人还是官方,都有表现好和不好的图片。

这个例子可以说明两件事情,
1是icon的制作者们可能在设计icon的时候,没有考虑或者故意这样设计的,比如多色图标,颜色已经固定好了,没有修改的必要;
2是就算是大佬举例说的一些常用的icon提供网站,对于这类icon,在修改颜色的时候,可能也没有特别好的方案。
原因呢,在之前的回复中已经说了,svg的图片本身是有一些标准的。
这个问题也不是说fill异常的问题,fill只是一个属性,取决于设计者们如何使用罢了。
还有一点就是,并不是所有svg都有修改颜色的需求的。
我们并不能强求这些自由设计者们按照我们的心意来设计。但是我们能做的是,在挑选图标的时候,如果有修改颜色的需求,那么我们需要额外注意去挑选那些支持修改颜色的svg图标。

非常感谢大佬的反馈,关于svg的这个问题,大佬如果有新的想法和建议欢迎随时交流~

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
dystar001悬赏达人认证
高级会员   /  发表于:2021-9-9 12:18:09
5#
David.Zhong 发表于 2021-9-8 11:01
非常理解大佬哈~辛辛苦苦找到心仪的图片不能用,确实让人很难受。
我测了一下大佬附件中的1370张svg图片 ...

阿里的资源库,如果要在活字格变颜色的话,必须要下载单色图标。
回复 使用道具 举报
David.Zhong讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2021-9-9 12:24:36
6#
dystar001 发表于 2021-9-9 12:18
阿里的资源库,如果要在活字格变颜色的话,必须要下载单色图标。

确实,可能是单色图标设计相对简单,大多数情况都是只是用内容颜色画出想要的样子吧~
回复 使用道具 举报
苏江仪
注册会员   /  发表于:2022-3-11 12:30:03
7#
David.Zhong 发表于 2021-9-8 11:01
非常理解大佬哈~辛辛苦苦找到心仪的图片不能用,确实让人很难受。
我测了一下大佬附件中的1370张svg图片 ...

大佬,我导入的SVG全部不显示,是我操作有问题还是怎么回事,请解答一下。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
David.Zhong讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2022-3-11 14:21:46
8#
大佬,同样的问题不用重复提问哈~
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部