我是使用画布元素，还是只使用普通的div持卡器进行交互式图像旋转/滑块和热点？

Question

我需要一个交互式图片库(或图像滑块)，其中一些热点需要放在。必须有可能点击这些热点，更新一个边栏与相应的信息。一些基本的动画也必须是可能的幻灯片或场景的画廊。

哪种设置是最好的解决方案。我目前正在考虑canvas元素，但是缺少针对绘制热点的特定事件让我感到怀疑。不过，EaselJS可能是一个解决方案。

另一种方法可以是使用常规的javascript图片库，并在其上放置一些固定的热点。

这实际上是一个基本的mvc设置，我有图片库，热点和边栏。我应该使用像http://javascriptmvc.com/或backbone.js这样的javascript库吗

所以我的问题是，什么是最好的设置，考虑到性能和一些基本的动画？

谢谢。

我还发现了其他有趣的链接：

• http://processingjs.org
• http://raphaeljs.com
• ..。

Answer 1

如果您正在显示大型图像，或者期望用户在没有当前GPU加速的情况下拥有更老的浏览器或浏览器，那么您应该始终使用标准的HTML4元素来完成这一任务。使用画布会造成过度的伤害，如果你对画布没有太大的经验的话，它会给你带来痛苦。

对于基于DOM的图像，您已经有了单击事件，甚至可以使用图像映射来执行单击区域。使用画布时，您需要编写自己的单击检测代码，并将鼠标位置映射到某个区域以检查单击情况。

总之，最简单的解决方案通常是最好的解决方案，为了性能和开发的方便，在我看来，画布不是前进的方向。