Angular通用SVG图像组件

时间:2019-05-24 20:17:14

标签: angular svg

我正在努力创建通用的svg图标组件,该组件将负责以我尝试过多种方式的图像加载svg文件,但它们均无法按预期工作:

  1. 在img内使用svg

    unicode

    svg文件作为图像加载,但是问题是我无法更改它的填充颜色,这是必须的。

  2. 后跟tutorial,在其中创建了svg-icon组件,我在定义中定义了所有svg图标并将其添加到app.component中,在对原始代码进行了一些更改后,我可以操纵颜色是它总是为svg增加一些额外的间距,这是不必要的。

  3. 使用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>

0 个答案:

没有答案