2013-10-27 52 views
3

我使用reveal.js來呈現屏幕截圖,但圖像不會以100%的大小顯示。
我敢打賭,有一個«變焦»伎倆,作爲檢查顯示:防止reveal.js放大

<div class="slides" style="-snip- zoom: 0.5001428571428572;"> 

但是,我不能阻止它發生。有沒有配置選項,這是一個JS黑客?

這裏是一個幻燈片,我想我的800×600的圖像顯示800×600: http://profgra.org/lycee/presentation_demo.html#/2

謝謝!

回答

7

感謝Cvuorinen,這裏是完整的答案:

Reveal.initialize({ 
    ... 
    // Bounds for smallest/largest possible scale to apply to content 
    minScale: 1, 
    maxScale: 1 
}); 

雖然它似乎很難,如果他們通過降價嵌入在頁面來觸發這個只在一些精密的幻燈片。

3

Reveal.js對整個內容進行縮放,以適應任何用於顯示它的視口。有配置選項,可以讓你控制這種效果,文檔在這裏:https://github.com/hakimel/reveal.js/#presentation-size

我想你也可以禁用縮放在一個特定的幻燈片與一點點js。 Reveal有一個很棒的事件系統,可以讓你編寫你自己的事件處理程序,我想你可以在進入某個幻燈片時重寫css縮放屬性,併爲下一個幻燈片恢復,如果這樣可以更好地滿足你的需求。儘管我自己沒有做過這樣的事情,只是一個想法。