ローカルイメージを.Rmd
ファイルに含め、それknit
をでHTMLスライドに変換しますPandoc
。この投稿ごとに、これはローカル画像を挿入します:
![Image Title](path/to/your/image)
このコードを変更して画像サイズも設定する方法はありますか?
ローカルイメージを.Rmd
ファイルに含め、それknit
をでHTMLスライドに変換しますPandoc
。この投稿ごとに、これはローカル画像を挿入します:
![Image Title](path/to/your/image)
このコードを変更して画像サイズも設定する方法はありますか?
回答:
png
たとえば、パッケージを使用して画像を読み取り、パッケージgrid.raster
から使用する通常のプロットのようにプロットすることもできgrid
ます。
```{r fig.width=1, fig.height=10,echo=FALSE}
library(png)
library(grid)
img <- readPNG("path/to/your/image")
grid.raster(img)
```
この方法を使用すると、画像のサイズを完全に制御できます。
img <- readPNG("path/to/your/image")
ますが、ソリューションを編集できませんでした。
path/to/your/image
はあなたの質問からあなたをコピーしました。はい、パス名は文字列であり、文字列を定義するには引用符が必要です。私は明確に願っています。
質問は古いですが、それでも多くの注目を集めています。既存の回答は古くなっているので、ここではより最新のソリューションを示します。
とおりknitr
1.12、機能がありますinclude_graphics
。?include_graphics
(強調鉱山):
この関数を使用する主な利点は、
knitr
サポートされているすべてのドキュメント形式で機能するという意味で移植可能であるため、外部を埋め込むために、たとえばLaTeXやMarkdown構文を使用する必要があるかどうかを考える必要がないことです。画像。通常のRプロットで機能するグラフィックス出力に関連するチャンクオプションは、out.width
およびなどのこれらの画像でも機能しout.height
ます。
```{r, out.width = "400px"}
knitr::include_graphics("path/to/image.png")
```
利点:
チャンクで生成された(含まれていない)プロットへのパスを作成するには、チャンクオプションopts_current$get("fig.path")
(Figureディレクトリへのパス)およびopts_current$get("label")
(現在のチャンクのラベル)が役立つ場合があります。次の例ではfig.path
、最初のチャンクに生成された(ただし表示されていない)2つのイメージの2番目を含めるために使用します。
```{r generate_figures, fig.show = "hide"}
library(knitr)
plot(1:10, col = "green")
plot(1:10, col = "red")
```
```{r}
include_graphics(sprintf("%sgenerate_figures-2.png", opts_current$get("fig.path")))
```
図のパスの一般的なパターンはです[fig.path]/[chunklabel]-[i].[ext]
。ここでchunklabel
、i
は、プロットが生成されたチャンクのラベル、(このチャンク内の)プロットインデックス、およびext
ファイル拡張子(png
RMarkdownドキュメントではデフォルト)です。
out.width='100pt'
、ラテックスを使用しない場合、違法な測定単位に関するエラーがスローされます。
r, echo=FALSE, ...
未更新の回答:knitr 1.17
あなたは単に使用できます
![Image Title](path/to/your/image){width=250px}
@jsbからのコメントに従って編集
これはスペースなしでのみ機能することに注意してください。たとえば、{width = 250px}ではなく{width = 250px}です。
{width=250px}
ません{width = 250px}
。
xaringan
しknitr_1.21
。
以下は、画像を再表示せずにファイルを自己完結させるいくつかのオプションです。
div
タグで画像を囲む<div style="width:300px; height:200px">
![Image](path/to/image)
</div>
---
title: test
output: html_document
css: test.css
---
## Page with an image {#myImagePage}
![Image](path/to/image)
#myImagePage img {
width: 400px;
height: 200px;
}
複数の画像がある場合は、この2番目のオプションにn番目の子の疑似セレクターを使用する必要がある場合があります。
<div> ... </div>
解決策は非常に単純なようです。style
アスペクト比を維持しながら画像を固定パーセントに再スケーリングする設定は何ですか?
HTMLに変換する場合は、次のHTML構文を使用して画像のサイズを設定できます。
<img src="path/to/image" height="400px" width="300px" />
または、任意の高さと幅を指定します。
今日同じ問題があり、knitr 1.16
PDFに編成するときに別のオプションが見つかりました(これにはpandocがインストールされている必要があります):
![Image Title](path/to/your/image){width=70%}
この方法では、適切なサイズを見つけるために少し試行錯誤する必要がある場合があります。2つの画像を並べて配置することで、見栄えがよくなるため、特に便利です。例えば:
![Image 1](path/to/image1){width=70%}![Image 2](path/to/image2){width=30%}
クリエイティブになって、これらの2つを並べて積み重ね、必要に応じてサイズを調整できます。その他のアイデアと例については、https://rpubs.com/RatherBit/90926を参照してください。