前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >SAP UI5 Web Component的图标实现

SAP UI5 Web Component的图标实现

原创
作者头像
Jerry Wang
修改2020-02-12 15:02:26
4960
修改2020-02-12 15:02:26
举报

例子:我的SAP UI5 Web Component开发而成的React应用上,显示了这个加号图标:

在React Component里引入加号图标:

在此处给ShellBarItem的icon属性赋以add按钮:

运行时效果如下:

我们再回过头看看在代码里导入的add.js的内容:

pathData里包含的值,其实就是基于SVG绘制而成的加号图标在浏览器里对应的g标签的d属性,如下图所示:

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档