Отформатируйте размер изображения, чтобы он соответствовал длине HTML-виджета или выровняйте изображение по центру виджета. - PullRequest
0 голосов
/ 30 мая 2019

Я пытаюсь создать хорошо отформатированный HTML-файл в R Markdown. В документе R Markdown у меня есть изображение и очень широкий виджет таблицы HTML. Выровненное по левому краю изображение в сочетании с длинным столом выглядит очень плохо. Я не предпочитаю увеличивать ширину изображения, чтобы она была разумной с учетом ширины стола, или перемещать изображение вправо для центрирования по центру таблицы. Все мои попытки либо: 1) ничего не сделали, либо 2) переместили изображение вправо (отлично), но часть изображения обрезана, по-видимому, из-за ограничения ширины, которое я не понимаю, как увеличить.

Я пробовал много вещей (и я знаю, что некоторые глупы, но я впадаю в отчаяние). Вот некоторые из них:

1) Изменение фактических размеров изображения (увеличение ширины) и загрузка его как есть - просто не помогает

2) Изменение координат ориентации x с помощью функции grid.raster () в сеточном пакете - перемещает изображение вправо, но изображение обрезается из-за ограничения ширины
- Поскольку grid.raster выводит изображение в фрагмент кода, я перепутал аргументы fig.height и fig.width, которые не помогли
- Я также попытался увеличить ширину HTML и поля файла, используя CSS, который что-то делает, но не то, что я хочу - изображение все еще обрезается

3) Использование html <center> </center>, что (неудивительно) не сработало

Вот картинка, на которой мое изображение обрезается:

Image is example of image getting cut off Вот пример кода попытки № 2:

```{r echo = FALSE, include = FALSE}

library(grid)
library(png)

```
<style type="text/css">
.main-container {
 max-width: 100px;
 margin-left: auto;
 margin-right: auto;
}

```{r echo = FALSE, fig.height = 10, fig.width = 20, echo = FALSE}

image <- readPNG(file.path(path, "IMAGE.png"))
grid.raster(image, x = unit(0.7, "npc"))
```  
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...