美文网首页
[ShinyApp]图标小技巧

[ShinyApp]图标小技巧

作者: YERA | 来源:发表于2021-07-06 23:40 被阅读0次

当我们不想通过调用下载到本地的图片,而是直接通过网站上现有的图片来实现页面的美化,我们可以进行以下操作,以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等教程,使用方法与上述一致。

相关文章

  • [ShinyApp]图标小技巧

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

  • [ShinyApp]第一次将ShinyApp部署到云服务器的经历

    不知道各位是否经历过,利用shinyapp官网的上传方式(shinyapp.io)来部署我们的应用,用户上传文件的...

  • 技法提升|面性图标设计小技巧

    好久不见~今天跟大家分享一些关于面性图标设计的小技巧。通过这些小技巧呢能让我们的图标精致不少,希望对大家有所帮助呀...

  • Mac操作小技巧

    Mac操作小技巧 提取软件图标 打开 Finder,到 “应用程序” 一栏,单击选中你想提取图标的软件,按下 co...

  • 【Mac小技巧】

    【Mac小技巧】怎么移动Mac状态栏的图标 「Mac小技巧」教你如何精确调节音量 将原本的一小格变成4格shift...

  • eclipse小技巧之图标

    红色正方形:私有变量 private 黄色菱形:保护变量 protected 蓝色菱形:公共变量 public 蓝...

  • 【UI图标】轻松设计系统图标小技巧

    许多知名大品牌支付宝,谷歌,京东,网易云等等他们都有一套属于自己特有风格的系统图标。一般都是根据产品定位,同时集合...

  • CSS

    技巧1: 利用transition 让 a:hover 变得更加平缓 技巧2: 关于字体图标的对齐: 技巧3: 对...

  • PPT实用技能7:改个图标颜色就能提升PPT档次

    大家好,俺是Marx,今天给大家分享一个小技巧,自定义图标颜色。 1 为什么要自定义图标颜色? 举个栗子:对比两张...

  • 0114备忘-macOS苹果电脑修改图标

    点击这里进入人工智能嘚吧嘚目录,观看全部文章 很简单的一个小技巧,可以把文件夹图标变为任意程序图标。方法是右键文件...

网友评论

      本文标题:[ShinyApp]图标小技巧

      本文链接:https://www.haomeiwen.com/subject/wajnultx.html