web-dev-qa-db-ja.com

光沢のあるアプリに画像を埋め込む

光沢のあるアプリに取り組んでいますが、アプリの右上隅にロゴを含めたいと思います。 shinyとrを使用して画像を簡単に埋め込むにはどうすればよいですか？

ありがとう！ K

rembedshiny
43
kay

このアプリに適した別のオプションを見つけたので、mainPanelで画像を必要とする他のユーザーと共有しています。

mainPanel(
   img(src='myImage.png', align = "right"),
  ### the rest of your code
  )

ファイルをshinyAppディレクトリのwwwディレクトリに保存します。

 | shinyApp/
    | ui.R
    | server.R
    | www/
       | myImage.png
67
kay

ui.Rのカスタムヘッダー関数を使用して、app.cssディレクトリ内のwww/ファイルを参照します。

customHeaderPanel <- function(title,windowTitle=title){
  tagList(
    tags$head(
      tags$title(windowTitle),
      tags$link(rel="stylesheet", type="text/css",
                href="app.css"),
      tags$h1(a(href="www.someURLlogoLinksto.com"))
 )
 )
}

app.cssで、www/フォルダーにもあるロゴファイルを参照します。

h1 {
    text-decoration:none;
    border:0;
    width : 550px;
    height : 50px;
    margin : 0;
    padding : 0;
    left: 25px;
    top: 5px;
    position: relative;
    background : url(logo.png) no-repeat 0 0;
}
20
tcash21