2016-09-18 7 views
2

rmarkdownを使用してRプレゼンテーションを作成しました。また、reveal.jsフレームワークを使用していましたが、出力ファイルhtmlファイル)を別の場所にコピーすると、すべての背景イメージはなくなります。 (同じフォルダにhtmlファイルのコピーを作成してもまだ動作しています)。 <img>タグを使用して含まれる画像は引き続き表示されます。Rプレゼンテーションreveal.js:ファイルコピー後に背景画像が表示されない

presentation.rmd:

アンMWEはこのようになります

--- 
title: "A Test" 
author: "tester" 
date: "Today" 
output: 
    revealjs::revealjs_presentation: 
    transition: slide 
    theme: night 
    highlight: espresso 
    center: true 
    self_contained: true 
    reveal_options: 
     slideNumber: true 
     previewLinks: true 
--- 

# <font color="black">Outline</font> {data-background="kitten.jpg"} 

kitten.jpg -fileは明らかに任意の画像することができます。私がpresentation.html(firefoxを使用して)を開くと、すべてが動作します。presentation.htmlをデスクトップにコピーしてもう一度開くと、すべての背景イメージはなくなります。

何が原因でエラーが発生しているのか、解決方法は?

私のシステムでは、次のとおりです。

sessionInfo() 

R version 3.2.3 (2015-12-10) 
Platform: x86_64-pc-linux-gnu (64-bit) 
Running under: Ubuntu 16.04.1 LTS 

locale: 
[1] LC_CTYPE=en_US.UTF-8  LC_NUMERIC=C    LC_TIME=de_DE.UTF-8  LC_COLLATE=en_US.UTF-8  
[5] LC_MONETARY=de_DE.UTF-8 LC_MESSAGES=en_US.UTF-8 LC_PAPER=de_DE.UTF-8  LC_NAME=C     
[9] LC_ADDRESS=C    LC_TELEPHONE=C    LC_MEASUREMENT=de_DE.UTF-8 LC_IDENTIFICATION=C  

attached base packages: 
[1] stats  graphics grDevices utils  datasets methods base  

other attached packages: 
[1] rmarkdown_1.0 revealjs_0.7 

loaded via a namespace (and not attached): 
[1] magrittr_1.5 htmltools_0.3.5 tools_3.2.3  Rcpp_0.12.7  stringi_1.1.1 stringr_1.1.0 
[7] digest_0.6.10 evaluate_0.9 

答えて

1

問題は、あなたはそれが同じディレクトリにkitten.jpgを探しているpresentation.htmlをコピーするときpresentation.htmlをしていることです。 Rmdドキュメントを作成すると、すべての数字がfiguresディレクトリに格納されます。 figures/kitten.jpgとhtmlファイルをコピーするときには、figuresディレクトリもコピーします。

もっと良い解決策があると確信していますが、これは私の仕事です。

+0

私も不思議何、オプションは 'self_containedことです:'デフォルトはtrue。明示的に 'self_contained:true'が変更されない場合でも、 – David

+0

' self_contained'はCSSファイルとjavascriptファイルで動作するようです。 – csgillespie

+0

これは 'img'タグに含まれている画像に対しても機能します。 – David

2

この問題を回避するには、代わりに{.slide: id="Sec1"}を使用することのようですし、その後、カスタムCSSファイルに背景を追加

#Sec1 { 
    background-image: url(kitten.jpg); 
} 
+0

有望なアイデアは、あなたのCSSコードについては確かですか?私は背景イメージを見ません。行を 'background-image:url(" kitten.jpg ");'に変更すると、画像が表示されます(ただし、テキストの背後にあります)。 – David

+0

Forgot 'url()';) –

+0

見た目は良くなりましたが、背景画像はテキストの背後にあり、残りは隠されていません。 – David

関連する問題