我正在努力创建通用的svg图标组件,该组件将负责以我尝试过多种方式的图像加载svg文件,但它们均无法按预期工作:
在img内使用svg
unicode
svg文件作为图像加载,但是问题是我无法更改它的填充颜色,这是必须的。
后跟tutorial,在其中创建了svg-icon组件,我在定义中定义了所有svg图标并将其添加到app.component中,在对原始代码进行了一些更改后,我可以操纵颜色是它总是为svg增加一些额外的间距,这是不必要的。
使用third party library进行了尝试,但我找不到使它正常运行的方法,总是在控制台中出现错误
我真正需要的是from collections.abc import Iterable
def deep_omit(d, keys):
if isinstance(d, dict):
for k in keys:
d.pop(k, None)
for v in d.values():
deep_omit(v, keys)
elif isinstance(d, Iterable) and not isinstance(d, str):
for e in d:
deep_omit(e, keys)
return d
组件,它将从文件渲染svg,所有文件都位于目录<img src="assets/i/home.svg" />
中,该组件应该能够通过组件输入修改图标的颜色和宽度,例如{ {1}},我也希望组件尺寸等于图标尺寸。
svg图标示例-“ coding.svg”:
<svg-icon>