2016-10-14 12 views
1

私は滑り(rmarkdown)のプロットのグリッドを含むアニメーションを含むプレゼンテーションを行っています。ビデオボックスはスライドには大きすぎます。私はそれを減らしたいと思います。 私のプレゼンテーションはこの1つに似ている:私は簡単に.htmlの中でそれを行うことができます650のようなものに、私はそれからのビデオタグの幅はデフォルト値(864)です軽減したいスライディングプレゼンテーション(RMarkdown)のアニメーションのためのビデオボックスのサイズを変更

--- 
title: "Adbd" 
output: slidy_presentation 
--- 

## Animation 

```{r animation1,echo=FALSE,fig.align='center', fig.show='animate', aniopts='controls,width=0.1', fig.height=9, fig.width=9,fig.retina=2} 
for(i in 1:2){ 
    library(ggplot2) 
    library(gridExtra) 
    p1 <- ggplot(mtcars, aes(wt, mpg))+geom_point()+xlim(1,6)+ylim(9,35) 
    p2 <- ggplot(mtcars, aes(wt, mpg))+geom_point()+xlim(1,8)+ylim(9,35) 
    p3 <- ggplot(mtcars, aes(wt, mpg))+geom_point()+xlim(1,8)+ylim(6,35) 
    p4 <- ggplot(mtcars, aes(wt, mpg, label=rownames(mtcars)))+geom_point()+xlim(1,8)+ylim(9,35)+ geom_text() 

    grid.arrange(p1,p2,p3,p4, nrow=2, ncol=2) 
} 
``` 

、しかし、Iむしろ.rmdドキュメントから変更してください。

は、これまで私が試した:

  • をfig.heightとfig.widthで遊ん
  • (任意の効果を持っていない)、anioptsに幅パラメータを追加し、(彼らはテキストのサイズを変更します)

(前と同じ)、grid.arrangeでの高さと幅のパラメータで任意の助けを遊ん

  • が理解されるであろう。

  • 答えて

    1

    これは私のためにあなたがあなたのRMDは

    --- 
    title: "Adbd" 
    output: slidy_presentation 
    --- 
    
    <style> 
    
    video { 
        width: 650px !important; 
        height: auto !important; 
    
        /* center the player */ 
        display: block; 
        margin: 0 auto; 
    } 
    
    </style> 
    
    ## Animation 
    
    ```{r animation1,echo=FALSE,fig.align='center', fig.show='animate', aniopts='controls,width=0.1', fig.height=9, fig.width=9,fig.retina=2} 
    for(i in 1:2){ 
        library(ggplot2) 
        library(gridExtra) 
        p1 <- ggplot(mtcars, aes(wt, mpg))+geom_point()+xlim(1,6)+ylim(9,35) 
        p2 <- ggplot(mtcars, aes(wt, mpg))+geom_point()+xlim(1,8)+ylim(9,35) 
        p3 <- ggplot(mtcars, aes(wt, mpg))+geom_point()+xlim(1,8)+ylim(6,35) 
        p4 <- ggplot(mtcars, aes(wt, mpg, label=rownames(mtcars)))+geom_point()+xlim(1,8)+ylim(9,35)+ geom_text() 
    
        grid.arrange(p1,p2,p3,p4, nrow=2, ncol=2) 
    } 
    ``` 
    
    +0

    おかげでたくさんのようになります。

    video { display: block; margin: 0 auto; } 

    をしたい場合は、また、ビデオを中央にすることができます

    video { width: 650px !important; height: auto !important; } 

    を作品!私はCSSからwidthプロパティをオーバーライドできるかどうかはわかりませんでした。 –

    関連する問題