Einbetten von Bildern in Shiny App

Question

Ich habe an einer glänzenden App gearbeitet und möchte ein Logo in der oberen rechten Ecke der App einfügen. Wie kann ich einfach ein Bild mit glänzenden und r einbetten?

Danke! K

Answer 1

Ich fand eine andere Op Das sieht gut aus für diese App, also teile ich für andere, die das Bild im mainPanel haben wollen.

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

Speichern Sie die Datei in einem Verzeichnis www im shinyApp Verzeichnis:

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

Answer 2

eine benutzerdefinierte Header-Funktion in ui.R Verwenden Sie eine app.css Datei in Ihrem www/ Verzeichnis zu verweisen:

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")) 
) 
) 
} 

In app.css Referenz der Logo-Datei auch die sich in Ihrem www/ Ordner:

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; 

}

Answer 3

Die Antwort von Kay ist falsch. Die richtige Antwort ist:

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

die Datei in einem Verzeichnis www im Verzeichnis shinyApp sparen:

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

das www-Verzeichnis innerhalb des shinyApp Verzeichnis vorhanden sein sollten.