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

ste*_*nos 4 html5 slideshow

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

对我来说仍然缺少的是一种通过简单的绘图突出显示幻灯片上的东西的方法(例如环绕某些东西).

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

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

谢谢!

编辑:可能是使用叠加画布的东西?

小智 7

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

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