Question

我正在创建一个闪亮的应用程序，我有两个徽标。假设这些徽标是：

您可以在www folder here中找到这两个徽标。

我想在左上角放置Rstudio徽标，在右上角放置USGS徽标。我使用下面的代码

library(shiny)
ui <- fluidPage(
fluidRow(
column(4,   
       tags$img(height = 150,
                width  = 400, 
                src    = "RStudio.png")),
column(5),
column(3,   
       tags$img(height = 150,
                width  = 400, 
                src    = "USGS.png"))))
server <- function(input,output){}
shinyApp(ui = ui, server = server)

如果缩放是100％，它工作正常，但是，如果我缩小（即缩放75％），USGS徽标向左移位，并且它不会保留，因为它应该在最右上方。

当我使用ggplot2时，我发现每当我放大或缩小时都会重新调整所有绘图。是否有可能与图例相同，无论放大还是缩小它都会保留在同一个地方？

Answer 1

您的问题是绿色徽标实际上并未告知右侧。默认情况下，所有内容都是从左到右排列的。你的布局做的是说“将绿色标志水平放置在屏幕的最后3/12”，所以它被放在最右边的四分之一处，但它从左边开始计数。为了证明这一点，将宽度更改为更小的值，如200，您将看到绿色徽标的左坐标与之前的坐标相同，但由于宽度较小，其右坐标不像以前那样正确。 / p>

所以你要做的就是告诉页面实际将图像放在右边，而不仅仅是“在页面的右边25％”。将style = "float: right",添加到tags$img()

的参数中

无论缩放如何，如何修复徽标的位置？

1 个答案: