我目前正在创建一个用于学习目的的交互式解剖学应用程序。
我开始使用脊椎模块，其中包含24个椎骨，骨盆，颅骨和脊髓。
每件都是一个相同尺寸的单独透明图像，每个都是从上到下分层。
这很有效，看起来很棒！问题是，它是处理器密集型的。添加和删除小块，放大，几乎任何交互都非常慢。
有没有办法以高效的方式对所有这些图像进行分层？我希望学生能够移除椎板，让椎骨换掉图像。或者只放大腰椎并在那里相互作用。
我应该关注哪种方法，技术等？
https://jsfiddle.net/whetw8o5/1/
Fiddle for reference.
小提琴包含高度的过渡标记，因此您可以轻松使用工具并修改父#spineo标记的高度，并查看它有多少麻烦。
小提琴比我的网站表现更好，因为它本身就是。