HTML5深度缩放和移动对象

时间:2012-04-10 19:13:55

标签: javascript html5 zoom

我正在为一个需要能够在背景图上显示移动对象的Web应用程序进行原型设计。这些对象通过WebSockets提供它们的位置,这很有效。

只要背景相当简单,就没有问题。我已成功使用Canvas和SVG来完成此任务。

问题:当背景的复杂性增加(即文件大小增加)时,它实际上不再起作用。加载,缩放和平移需要很长时间。我已经尝试了一个深度缩放实现(http://www.akademy.co.uk/software/canvaszoom/canvaszoom.php),它可以正常工作,但有两个问题:

  1. 我似乎无法生成(深度缩放编辑器)深度缩放的深度缩放切片。顶层很远,这是不必要的。我用来生成图块的图像分辨率非常高。

  2. 我将移动的物体放在背景画布顶部的另一个画布上。如何同步缩放级别?我怎么知道一个“水平”百分比明智?

  3. 我不一定需要使用深度缩放,但我认为它需要是某种基于服务器的技术,以保持向客户端发送的大小。

    顺便说一下,后台最初是一个DWG文件,解决方案必须是无插件的(没有silverlight,flash或类似)。

    谢谢!

0 个答案:

没有答案