防止reveal.js缩放

Question

我使用reveal.js来显示屏幕截图，但是图像不是100%显示的。

我敢打赌，有一个变焦技巧，正如检查员所展示的那样：

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

但我无法阻止它的发生。是否有配置选项，js黑客？

这是一张幻灯片，我希望我的800×600图像显示800×600：demo.html#/2

谢谢!

Answer 1

感谢Cvuorinen，以下是完整的答案：

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

虽然这似乎很难只在一些精确的幻灯片，如果他们是嵌入到页面通过Markdown。

Answer 2

Reveal.js对整个内容进行缩放，使其适合于任何用于显示内容的视口。有一些配置选项允许您控制这种效果，文档如下：https://github.com/hakimel/reveal.js/#presentation-size

我认为你也可以用一点js来禁用特定幻灯片上的缩放。restore拥有一个很好的事件系统，它允许您编写自己的事件处理程序，我认为您可以在输入某个幻灯片时重写css缩放属性，并为下一个幻灯片进行恢复，如果这更适合您的需要。我自己也没做过这样的事，只是一个想法而已。