2017-03-21 16 views
0

私はイメージの上にテキストを書くことを目指しています。 タグ$ bodyを使用して画像をバックグラウンドで挿入しますが、繰り返しは避けています。誰もこの問題を破棄する方法を知っていますか?簡単な例以下は

:CSSクラスoverlayと周り

tabPanel(title = 'World', 
    tags$body(background = 'globe.png'), 
    tags$h5('Hello World')) 

答えて

0

プレイ:私は(inlineCSS)のCSSプロパティを追加するために、パッケージshinyjsを使用

library(shiny) 
library(shinyjs) 

ui <- fluidPage(
     useShinyjs(), 
     tags$img(src="images.jpg", width="100%"), 
     div(class="overlay", "Headline", 
          inlineCSS(list(".overlay:before" = c("content: ''", "display: inline-block", "height: 100%", "vertical-align: middle"), 
           ".overlay" = c("text-align: center", "position:absolute", "top:0", "left:0", "right:0", "bottom:0", "z-index:999", "color: red", "font-size: 50px")))) 
) 

server <- function(input, output) { 
} 

# Run the application 
shinyApp(ui = ui, server = server) 

enter image description here

に "見出し"画像の中央に浮かせるようにします(サブフォルダwwwにある必要があります)。

関連する問題