例子：我的SAP UI5 Web Component开发而成的React应用上，显示了这个加号图标：
在React Component里引入加号图标：
在此处给ShellBarItem的icon属性赋以add按钮：
运行时效果如下：
我们再回过头看看在代码里导入的add.js的内容：
pathData里包含的值，其实就是基于SVG绘制而成的加号图标在浏览器里对应的g标签的d属性，如下图所示：
本文来自云栖社区合作伙伴“汪子熙”，了解相关信息可以关注微信公众号"汪子熙"。
SAP UI5 Web Component的图标实现
2020-02-13
800
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
目录
相关文章
|
9月前
|
机器学习/深度学习
存储
数据挖掘
|
9月前
|
XML
开发框架
前端开发
浅谈 Fiori Fundamentals 和 SAP UI5 Web Components 的关系
浅谈 Fiori Fundamentals 和 SAP UI5 Web Components 的关系
73
0
0
|
1月前
|
Web App开发
前端开发
JavaScript
|
1月前
|
弹性计算
前端开发
JavaScript
前端新趋势？有了Web Component，还用纠结Vue或React？
Web Component 的概念最早在 2011 年被 Google 提出，并在 2018 年 V1 版本开始被主流浏览器所支持（除了 IE）。
707
0
0
|
7月前
|
前端开发
element-ui图标偶现乱码问题的原因和修复方法
之前很老的一个 webpack3 前端项目，用 vue-cli5 重构了一下，根据 vue-cli 文档安装的 sass 版本 ^1.32.7，sass-loader 版本 ^12.0.0，各种自测感觉没问题了就部署到线上了
124
0
0
|
8月前
|
JavaScript
|
8月前
|
移动开发
前端开发
JavaScript
|
9月前
|
前端开发
JavaScript
|
2天前
|
传感器
小程序
搜索推荐
（源码）java开发的一套（智慧校园系统源码、电子班牌、原生小程序开发）多端展示：web端、saas端、家长端、教师端
通过电子班牌设备和智慧校园数据平台的统一管理，在电子班牌上，班牌展示、学生上课刷卡考勤、考勤状况汇总展示，课表展示，考场管理，请假管理，成绩查询，考试优秀标兵展示、校园通知展示，班级文化各片展示等多种化展示。
21
0
0
|
10天前
|
关系型数据库
MySQL
PHP
PHP的生命周期：从诞生到现代Web开发
本文将探索PHP的发展历程，从其最初的设计目标到成为现代Web开发的核心语言。我们将深入了解PHP如何适应不断变化的技术环境，并保持其在开发者社区中的受欢迎程度。
31
7
7
热门文章
最新文章
1
UI自动化测试分析与实践 | F2etest&UIRecorde
2
03.LoT.UI 前后台通用框架分解系列之——多样的表格
3
Qt之ui在程序中的使用——（1）单继承法
4
Android UI开发第五篇——自定义列表
5
背水一战 Windows 10 (2) - UI: 概述, 启动屏幕, 屏幕方向
6
迪士尼推出电影VR应用，被吐槽亮点是UI设计
7
Swift UI专项训练7 数据添加
8
Visual Studio 单元测试之六---UI界面测试
9
关于jQuery UI 使用心得及技巧
10
Atlas中有趣且无用的功能：Sys.UI.Window类
1
利用机器学习优化Web前端性能的探索与实践
41
2
介绍Web开发的基础知识
41
3
网易web安全工程师进阶版课程
26
4
2024常用Web支付开发讲解教程
24
5
Web安全基础入门+信息收集篇
22
6
web全栈架构师第16期教程
20
7
Web前端全栈HTML5通向大神之路
63
8
Maven【2】（ Web 工程依赖 Java 工程）（命令行操作）
27
9
ssm使用全注解实现增删改查案例——web.xml
15
10
Could not open ServletContext resource [/WEB-INF/springmvc-servlet.xml]【解决方案】
22