将图像添加到闪亮的应用程序

Posted 2023-03-13

【中文标题】将图像添加到闪亮的应用程序

【英文标题】：Adding image to shiny app

【发布时间】：2015-06-15 22:35:55

【问题描述】：

我想以一种非常特殊的方式将图像嵌入到闪亮的应用程序中。

我的应用只包含一个侧边栏面板，我希望它位于图像的中心（想象一下***旗，我的应用是红色圆圈，图像是白色区域）。

这样的事情可以实现吗？ 我相信将图像切成 4 并添加带有碎片的矩阵是一种选择，但我不确定是否可以做到。

谢谢， 迭戈

【问题讨论】：

所以您只想要应用的背景吗？

是的，但如果是背景，我还需要相应地定位侧边栏面板，对吧？能轻松搞定吗？

【参考方案1】：

我看到的最简单的方法是使用fluidRow 和column 添加列，然后在第一个中添加另一个fluidRow 和column，这是您的侧边栏所在的位置。所以，是这样的：

fluidRow(
    column( width = 4, 
        fluidRow(
            column( width = 12, 
                ### YOUR CONTENT/INPUTS HERE ###
            )
        )
    )
)

宽度为 4 的第一列实质上创建了一个位于屏幕左侧 4/12（或 1/3）的列。您可以指定一个介于 1-12 之间的值。

在渲染应用时，找出该列的 CSS 类/ID 是什么，然后使用 CSS 分配背景图像。

在第二列中，我们指定宽度为 12，这告诉 shiny 将内列设为外列的全宽。