在HTML5幻灯片上添加注释/绘制

时间:2012-09-06 11:41:42

标签: html5 slideshow

我在OSX上使用HTML5幻灯片库reveal.js来教授编程。

我仍然缺少一种通过简单的图画突出显示幻灯片上某些内容的方法(例如环绕某些内容)。

有没有办法做到这一点(javascript或Mac应用程序)?

PS:我尝试了一些普通的应用程序,这些应用程序在演示过程中使用非常不方便。

谢谢!

编辑:也许就使用叠加画布而言?

3 个答案:

答案 0 :(得分:7)

在reveal.js中没有这样的内容,但正如您在编辑中所建议的那样,可以通过覆盖canvas元素或SVG动画来实现。

就个人而言,我建议不要使用手绘风格,而是使用标准CSS和fragments突出显示元素。给予“片段”类的元素将由reveal.js逐步执行,每个片段在应该突出显示时都会被赋予“可见”类。

答案 1 :(得分:0)

我担心没有简单的方法来实现这一目标。 reveal.js中的所有内容都依赖于标准的HTML5,并且HTML中没有徒手绘图。

答案 2 :(得分:0)

我认为DazzleSketch能够满足您的需求:https://www.youtube.com/watch?v=N-ogf0ZDpj4