2016-09-18 1 views
2

나는 rmarkdown을 사용하여 R 프레젠테이션을 작성했으며, 출력 파일을 복사하면 상당히 많이 작동하는 reveal.js 프레임 워크를 작성했습니다 (html 파일)을 다른 위치로 복사하면 모든 배경 이미지가 사라집니다. (만약 내가 같은 폴더에 html 파일의 복사본을 만들려면 여전히 작동). <img> 태그를 사용하여 포함 된 그림은 계속 표시됩니다.R 프레젠테이션 reveal.js : 파일 복사 후 배경 이미지가 표시되지 않음

는 MWE는 다음과 같습니다

presentation.rmd 다음 kitten.jpg - 파일은 분명히 어떤 그림이 될 수

--- 
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"} 

. 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 디렉토리도 복사합니다.

더 나은 해결책이 있다고 확신하지만, 저에게는 효과적입니다. true로`기본값 :

+0

에 배경을 추가하는 대신 다음 {.slide: id="Sec1"}를 사용하는 것 같다, 옵션'self_contained 것입니다. 명시 적으로 'self_contained : true'로 변경하지 않더라도 – David

+0

'self_contained'가 CSS 파일과 자바 스크립트 파일에서 작동하는 것으로 보입니다. – csgillespie

+0

또한'img' 태그에 포함 된 이미지에 대해서도 작동합니다. – David

2

저작물 주위 그래도 난 궁금 무엇 사용자 정의 CSS 파일

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

유망한 생각이지만, 당신의 CSS 코드에 대해 확신하고 있습니까? 배경 이미지가 보이지 않습니다. 'background-image : url ("kitten.jpg"); 행을 변경하면 이미지가 보입니다. – David

+0

깜박임'url()';) –

+0

더 좋지만 여전히 배경 이미지는 텍스트 뒤에 있고 나머지는 덮지 않습니다. – David

관련 문제