[ShinyApp]图标小技巧

2021-07-06  本文已影响0人  YERA

当我们不想通过调用下载到本地的图片,而是直接通过网站上现有的图片来实现页面的美化,我们可以进行以下操作,以font awesome网站上的图标为例,该网站的网址如下:

Font Awesome,奥森图标,Font Awesome 4.7.0,Font Awesome中文站,Font Awesome IE7兼容处理,Font Awesome图标搜索,Font Awesome中文站-ThinkCMF

我们可以利用tags,在该网站上找到自己想要的图标,比如锚,你就会看到下面这张图片。


示例

进一步,利用tags,按照下面代码的格式,将其写入到你的ui中,

 tags$style(".fa-anchor {color:#E87722}"),
 h3(p(em("anchor "),icon("anchor",lib = "font-awesome"),style="color:black;text-align:center")),

所得到的示意图,就像下面这个样子。


anchor

通过进一步学习,本文还发现,还有一个网站适合于添加图标到shinyApp中,下面是网址:

Bootstrap Glyphicon Icons (runoob.com)

此外这个网址,还提供了学习HTML, CSS, JAVASCRIPT等教程,使用方法与上述一致。

上一篇 下一篇

猜你喜欢

热点阅读