2014-02-24 38 views
30

我一直在研究一個閃亮的應用程序,並希望在應用程序的右上角包含徽標。我怎樣才能輕鬆地使用閃亮和r嵌入圖像?在Shiny App中嵌入圖像

謝謝! ķ

回答

38

我發現另一個操作這對於這個應用程序看起來不錯,所以我爲其他想要在mainPanel中顯示圖像的人分享。

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

保存在shinyApp目錄中的WWW目錄中的文件:

| shinyApp/ 
    | ui.R 
    | server.R 
    | www/ 
     | myImage.png 
12

使用自定義頁眉功能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; 

}

-2

凱的答案是不正確。正確的答案是:

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

保存在www目錄文件中的shinyApp目錄:

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

www目錄應該是shinyApp目錄內。

+4

你應該建議**編輯**或寫一個**評論**到@kay答案,而不是創建一個新的答案......可能是一個錯字,因爲答案的第二部分顯示了確切的文件夾' www'在'shinyApp'目錄中... –

+0

謝謝@Claudia Sulsters錯別字!答案應該修復。 – kay