मैं एक चमकदार ऐप गतिशील में एक छवि की चौड़ाई कैसे बना सकता हूं?

Question

मैं एक ऐप लिख रहा हूं और मैं चाहता हूं कि साइडबार में छवि मेरे द्वारा रखी गई छवि की तुलना में थोड़ा बड़ा हो। चूंकि खिड़की छोटी या बड़ी हो जाती है, इसलिए साइडबार भी होती है, लेकिन छवि स्थैतिक रहती है। मैं इस समस्या को कैसे हल करूं? क्या साइडबार की लंबाई प्राप्त करने का कोई तरीका है या छवियों को प्रस्तुत करने का कोई बेहतर तरीका है?

ui.R

library(shiny) 

shinyUI(bootstrapPage(

    # Application title 
    titlePanel("Sidebar Image App"), 
    sidebarPanel(
     imageOutput("image", height = "auto") 
    ) 
)) 

server.R

library(shiny) 

shinyServer(function(input, output, session) { 

    output$image <- renderImage({ 
     return(list(
     src = "one.png", 
     contentType = "image/png", 
     height = 185, 
     alt = "Face" 
    )) 
    }) 
}) 

Answer 1

आप छवि शैली नीचे के रूप में सीएसएस टैग का उपयोग कर सकते हैं:

shinyUI(bootstrapPage(
    titlePanel("Sidebar Image App"), 

    tags$head(tags$style(
     type="text/css", 
     "#image img {max-width: 100%; width: 100%; height: auto}" 
    )), 

    sidebarPanel(
     imageOutput("image") 
    ) 
)), 

जहां सीएसएस आईडी चयनकर्ता (यहाँ #image) imageOutput के outputId के अनुरूप होना चाहिए।