我正在设计一个 Web 应用程序的原型，该应用程序需要能够在背景图上显示移动的对象。对象通过 WebSockets 提供它们的位置，这很好用。
只要背景比较简单，就没有问题。我已经成功地使用了 Canvas 和 SVG 来实现这一点。
问题：当背景的复杂性增加（即文件大小增加）时，它就不再起作用了。加载、缩放和平移需要很长时间。我尝试了一个深度缩放实现（http://www.akademy.co.uk/software/canvaszoom/canvaszoom.php），它工作正常，但有两个问题：
我似乎无法生成（Deep Zoom Composer）足够深的缩放图块。顶层很远，没必要。我用来生成图块的图像具有非常高的分辨率。
我将移动对象放在背景画布顶部的另一个画布上。如何使缩放级别同步？我怎么知道一个“水平”百分比是明智的？
我不一定需要使用深度缩放，但我相信它需要某种基于服务器的技术，以减小发送到客户端的大小。
顺便说一句，背景最初是一个 DWG 文件，解决方案必须是无插件的（没有 silverlight、flash 或类似的）。
谢谢！