问题标签 [inline-svg]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
582 浏览

angular - Angular 12:InlineSVG 无法在生产中工作

我正在使用 Angular 12 和 ng-inline-svg。我的 .svg 文件存储在 src/assets 文件夹中。

SVG 位置(TypeScript):

environment.assetsPath包含“/”或“仪表板/”(开发资产和生产资产)

内联 SVG (HTML):

我没有显示提供的 svg,而是收到以下错误:No SVG found in loaded contents. 当我尝试在带有 src 属性的 img-tag 上使用相同的 angleIconUrl 时,它可以工作。

我已经尝试将 svg 文件添加到我的 angular.json 文件中的资产中,但它无论如何都不起作用。

0 投票
0 回答
45 浏览

css - 本地启动网站时未呈现 CSS 背景内联 SVG 图像

这个项目中,我试图用内联 SVG 图标替换Font Awesome 。
以下 CSS 描述了一个菜单切换按钮,如此屏幕截图所示:

正确呈现的菜单按钮

当我让 Netlify 通过 rollup.js 部署网站快照时,按钮显示正确

当我通过运行在本地启动网站时

然后菜单切换按钮无法正确显示,如下面的屏幕截图所示:

菜单按钮损坏

为什么图标的行为不同?