【7.0.100】SVG图片上传后使用单元格字体或自定义颜色显示不正确的问题

登录

本帖最后由 David.Zhong 于 2021-9-7 10:27 编辑

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

David.Zhong · David.Zhong

和大佬们讨论一些关于svg的内容哈，
svg的名称叫做可缩放矢量图形，它的图像能够被无限放大而不失真或降低质量，并且可以方便地修改内容。
简单的svg，颜色分为两种，内容和边框，对应的属性分别为fill和stroke。
我们在活字格中修改的svg的颜色，修改的是内容fill属性。
所以，如果一张svg的图片，所有的颜色都是用fill属性设置的话，那么在活字格中设置颜色之后，就会显示为纯色。
效果如下图：

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

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

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

dystar001 · dystar001

本帖最后由 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/ 可以打包下载。（已经帮大家下载了）

David.Zhong · David.Zhong

dystar001 发表于 2021-9-8 00:43
感谢您的回复，但是并没有解决我说的问题。

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

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

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

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

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

dystar001 · dystar001

David.Zhong 发表于 2021-9-8 11:01
非常理解大佬哈~辛辛苦苦找到心仪的图片不能用，确实让人很难受。
我测了一下大佬附件中的1370张svg图片 ...

阿里的资源库，如果要在活字格变颜色的话，必须要下载单色图标。

David.Zhong · David.Zhong

dystar001 发表于 2021-9-9 12:18
阿里的资源库，如果要在活字格变颜色的话，必须要下载单色图标。

确实，可能是单色图标设计相对简单，大多数情况都是只是用内容颜色画出想要的样子吧~

苏江仪 · 苏江仪

David.Zhong 发表于 2021-9-8 11:01
非常理解大佬哈~辛辛苦苦找到心仪的图片不能用，确实让人很难受。
我测了一下大佬附件中的1370张svg图片 ...

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

David.Zhong · David.Zhong

大佬，同样的问题不用重复提问哈~

[已处理] 【7.0.100】SVG图片上传后使用单元格字体或自定义颜色显示不正确的问题

本帖子中包含更多资源

7 个回复

本帖子中包含更多资源

本帖子中包含更多资源

评分

本帖子中包含更多资源

本帖子中包含更多资源

活字格认证

圣诞拼拼乐

悬赏达人

活字格高级认证

微信认证勋章

讲师达人