例子：我的SAP UI5 Web Component开发而成的React应用上，显示了这个加号图标：
在React Component里引入加号图标：
在此处给ShellBarItem的icon属性赋以add按钮：
运行时效果如下：
我们再回过头看看在代码里导入的add.js的内容：
pathData里包含的值，其实就是基于SVG绘制而成的加号图标在浏览器里对应的g标签的d属性，如下图所示：
SAP UI5 Web Component的图标实现
2021-11-24
99
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
SAP UI5 Web Component的图标实现
目录
相关文章
|
5月前
|
前端开发
搜索推荐
开发者
|
5月前
|
JavaScript
前端开发
开发者
|
5月前
|
Web App开发
数据采集
前端开发
|
5月前
|
XML
存储
数据格式
|
5月前
|
前端开发
JavaScript
API
|
5月前
|
搜索推荐
如何让 SAP UI5 Smart Table 支持多项选择(Multiple-Selection)试读版
如何让 SAP UI5 Smart Table 支持多项选择(Multiple-Selection)试读版
57
0
0
|
5月前
使用 SAP UI5 Event Bus 机制，修复 SAP UI5 分页显示数据的一个 bug 试读版
使用 SAP UI5 Event Bus 机制，修复 SAP UI5 分页显示数据的一个 bug 试读版
56
0
0
|
5月前
|
Web App开发
前端开发
JavaScript
|
5月前
|
Web App开发
JSON
JavaScript
|
2月前
|
开发框架
JavaScript
前端开发
热门文章
最新文章
1
web高性能开发系列随笔
2
Asp.Net Web API（一）
3
7月第3周安全回顾 Adobe现高危漏洞 Google开发web安全工具
4
【Web API系列教程】1.2 — Web API 2中的Action Results
5
轻松加密ASP.NET 2.0 Web程序配置信息
6
Web Client Software Factory 开发路线图
7
返回用户指定页面的web服务器
8
ASP.NET Web API Model-ModelBinder
9
[WS]使用Axis发布简单的Web服务（补充）
10
在Web.config中指定编码
1
Spring Boot整合 mybatisplus（后端） Vue+echarts+Element UI+axios（前端）---前后端项目实例demo
101
2
Kafka【付诸实践 03】Offset Explorer Kafka 的终极 UI 工具安装+简单上手+关键特性测试（一篇学会使用 Offset Explorer）
724
3
彩虹外链网盘界面UI美化版超级简洁好看
85
4
2024龙年新版ui周易测算网站H5源码/在线起名网站源码/运势测算网站系统源码
265
5
Airtest UI自动化框架 v1.1.4
77
6
【Linux】一站式教会：Ubuntu（无UI界面）使用apache-jmeter进行压测
166
7
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
71
8
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
58
9
SAP UI5 Link 控件的使用方法介绍 - 后续学习 Fiori Elements Smart Link 的基础试读版
55
10
纯技术讨论：如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
79