腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
svg
mat-icon
不能
正确
渲染
html
、
css
、
angular-material
、
angular10
、
mat-icon
我有一个简单的div,其中我显示三个不同的图标,具有不同的颜色。 虽然会显示实际的图标,但它始终显示相同的图标attention-warning或attention-error图标,因为它知道html代码根据条件包含不同的图标。 这里有一个示例,其中第二个图标应该是一个注意警告图标(黄色),但它显示的是一个注意错误图标(红色)。 我在Chrome和Edge这两种浏览器中测试了代码,得到了相同的结果(全部为红色或全部为黄色)。 生成了以下代码。 请提供任何帮助来解决此问题。 下面是我用stackblitz编写的代码 ? ? 图标应为此颜色 ?
浏览 16
提问于2021-09-26
得票数 0
1
回答
Angular
mat-icon
不使用蒙版
渲染
svg
javascript
、
angular
、
svg
、
angular-material
、
material-design
我有一系列从Sketch导出的.svgs (参见下面的示例),我已经注册到MatIconRegistry,并使用
mat-icon
组件显示。然而,我注意到,在草图(导出为<defs>)中使用蒙版的任何图标都
不能
正确
显示,有时甚至完全显示错误的图标。 我知道这是
mat-icon
的一个问题,因为文件在浏览器中呈现得很好。此外,当源文件不使用掩码时,
mat-icon
渲染
也很好(但是我们
不能
保证svgs不会有掩码) 有没有人知道用Sketch或Angular解决这个问
浏览 21
提问于2019-03-16
得票数 1
2
回答
如何
正确
配置材料图标组件以显示图标?
angular
、
angular-material
尽管按照在上看到的步骤仔细执行,我还是没有让
mat-icon
在我的角度页面中显示出来。请帮我弄清楚我哪里出了问题。<section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar"> <
mat-icon
svgIcon="thumbs-up" aria-hidden=
浏览 8
提问于2019-09-19
得票数 1
回答已采纳
3
回答
用
SVG
图形替换
mat-icon
javascript
、
angular
、
angular-material
Angular菜鸟
SVG
有人给我指引了
正确
的方向,我如何才能用自定义的图标
正确
地替换现有的材质图标,更准确地说是用here..could图形呢?如下所示:<
mat-icon
class="mat-icon-rtl-mirror"></
mat-icon
浏览 1
提问于2019-03-22
得票数 10
回答已采纳
1
回答
使用Github
SVG
创建自定义垫子图标
javascript
、
angular
、
typescript
、
svg
、
angular-material
正在尝试创建自定义
SVG
mat-icon
,直接从Github加载
SVG
。我首先使用DomSanitizer和documented the result in this article进行了尝试。所以
SVG
确实是通过HttpClient加载的。")); } 并在app.component.html中执行
渲染
测试 <
mat-icon
>logo</
mat-icon
> 也没有
SVG
出现。"));
浏览 16
提问于2019-09-27
得票数 0
回答已采纳
1
回答
从单个
svg
文件中注册多个
svg
图标-图标
svg
、
angular-material
、
google-material-icons
这是当前注册自定义
svg
图标的图标服务 constructor( ) });}my-icons.
svg
<
svg
xmlns="http://www.w3.org/2000/<
浏览 4
提问于2020-06-09
得票数 3
1
回答
如何使用角6中的mdi图标?
angular
、
icons
、
angular6
/assets/mdi.
svg
'));这是我的密码。assets/" }, { "glob": "mdi.
svg
浏览 3
提问于2019-03-22
得票数 4
回答已采纳
3
回答
SVG
行
不能
正确
渲染
javascript
、
html
、
css
、
svg
HTML
svg
元素:<
svg
xmlns="http://www.w3.org/2000/
svg
" version="1.1" xmlns:xlink="http://www.w3.org/199920" x2="0" y2="20" class="line"></line> <line x1=&q
浏览 2
提问于2019-10-13
得票数 1
6
回答
使用香草CSS或HTML在角材料2<mat-图标>中更改
SVG
大小
angular
、
svg
、
icons
、
angular-material2
如何使用2+普通CSS、HTML或JS更改角材质设计中
SVG
图标的大小?important">home</
mat-icon
><
mat-icon
style="font-size: 16pximportant" svgIcon="home"></
mat-icon
> 我知道
SVG
的扩展比较复杂,我可以使用vie
浏览 0
提问于2018-02-13
得票数 12
回答已采纳
3
回答
使用[类]时材质图标不
渲染
angular
、
angular-material
当我使用 <
mat-icon
class="news-icon-1">language</
mat-icon
>我得到的图标显示得很好 当我使用 <
mat-icon
[class]="'news-icon-'+(i+1)">language</
mat-icon
> 它没有
渲染
,我看到单词language有不同的颜色,因为类被
正确
设置了。
浏览 17
提问于2020-12-11
得票数 1
回答已采纳
1
回答
svg
中的填充属性
不能
在mat图标中被覆盖。
angular
、
svg
、
angular-material
我想使用垫图标的
svg
图像,但我
不能
改变fill的颜色。问题是
svg
有一个属性fill,该属性被设置为#000000,
不能
以任何可能的方式重写。this.class="auth--icon"></span>
svg
{ color: red !例如,在上
浏览 0
提问于2018-04-11
得票数 1
1
回答
如何将动态值传递给matIcon?
angular
、
angular-material
@Component({ template: ` `,export class AlertComponent implements OnInit { @Input() icon: string;
浏览 0
提问于2018-07-12
得票数 7
回答已采纳
8
回答
如何在棱角材料中设置图标的颜色?
angular
、
angular-material
、
angular-material2
我有这个,我认为这是可行的,但没有:然后,我也有: <
mat-icon
color="white">save</
mat-icon
>SAVE </but
浏览 22
提问于2017-10-18
得票数 81
回答已采纳
3
回答
角,无法动态加载[svgIcon]="lItem.svgIcon“的自定义垫图标。
angular
、
svg
、
angular-material
*ngIf="lItem.icon">{{lItem.icon}}</
mat-icon
> <span *ngIf="lItem.txt" class="itemTxt">{{lItem.txt}}&
浏览 5
提问于2019-12-28
得票数 3
2
回答
单击<
svg
>元素上的处理程序
javascript
、
html
、
svg
、
onclick
、
dom-events
似乎使用<
svg
:
svg
> </
svg
:
svg
>元素
不能
在Safari或Chrome中
渲染
任何东西,但使用<
svg
> </
svg
>可以很好地工作。但是,添加onclick仅适用于<
svg
:
svg
>元素。这样做的
正确
方法是什么? 演示了这个问题(比较Safari/Chrome和火狐)。
浏览 1
提问于2013-05-12
得票数 7
回答已采纳
2
回答
如何更改垫-图标笔画宽度
angular
、
angular-material
、
mat-icon
我知道这些图标被当作字体对待,但是是否有可能像我们改变
svg
中的笔画那样改变它呢?manage_accounts图标的厚度将与glob相同。
浏览 3
提问于2021-03-18
得票数 3
回答已采纳
2
回答
由于解析错误,无法加载Angular material
svg
图标
angular
、
typescript
、
angular-material
我正在尝试加载一个自定义的
svg
图标与角度材料7.2.0和因此,我将图标注册为 sanitizer.bypassSecurityTrustResourceUrl('assets/box.
svg
'));<
mat-icon
svgIcon="box"></
mat-icon
> 但该图标未显示。在控制台中,我
浏览 3
提问于2019-03-11
得票数 1
1
回答
Mat-button样式在Mat-menu中不适用
html
、
css
、
angular
、
typescript
、
angular-material
我在这个dropdown组件中传递了一个mat-button (以及其他菜单项),它
不能
正常工作。svgIcon="{{ icon }}">{{ icon }}</
mat-icon
> <div *ngIf="!!svgIcon="profile" aria-label=&quo
浏览 0
提问于2021-02-07
得票数 0
1
回答
在页面中两次呈现chart.js组件
angular
、
chart.js
当我尝试这样做的时候,这两个图表都会被
渲染
,但它们是相互重叠的。图表组件html文件类似于 <mat-card-header> <
mat-icon
class="iconText">developer_board</
mat-icon
> <b class="iconText
浏览 0
提问于2018-09-20
得票数 1
回答已采纳
6
回答
材质图标未
正确
渲染
angular
、
angular-material
、
google-material-icons
材质图标在我的项目中没有
正确
渲染
,我
正确
安装了,但即使没有在浏览器中显示。app.component.html <span>Second Line</span> <
mat-icon
class="example-icon">verified_user<
浏览 112
提问于2017-10-08
得票数 24
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
SVG之旅:SVG的图层和渲染顺序
大麦端选座SVG 渲染
技术干货:前端图形化技术简介(上)
【行业资讯】ECharts 5.0.1-rc.1 发布,JS 实现的交互式图表可视化库
5个最好的开源Javascript图表库
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券