HTML画布上缩放用户界面

Question

碰巧，我面临着在HTML画布上创建ZUI (缩放用户界面)的任务。这种界面的例子是Deep和微软的Seadragon。

我正在努力寻找一些库，这些库允许我创建ZUI，而无需自己从头开始编写它(尽管我已经为Mac和iOS编写了它)。

图书馆应具备的关键功能如下：

1. 以某种“视图”作为基本元素，并按层次排列它们。
2. 在视图中绘制矢量图形、文本和图像(可选)
3. 放大至200倍
4. 由视图处理的鼠标事件(上/下、移动、滚动)

任何建议(即使它们不符合上述条件)都将受到欢迎，因为我在画布上没有发现关于ZUI的任何信息。

Answer 1

你看过Zoomooz了吗？

Zoomooz是一个jQuery插件，用于使网页元素缩放。它可以用于制作像幻灯片一样的Prezi，以及缩放到图像或其他细节。

http://janne.aukia.com/zoomooz

您可以使用它缩放到任何DOM元素。不过，与画布相比，SVG的效果更好，因为画布在缩放时会显示像素化。

Answer 2

这可能会让你开始：https://github.com/florianguenther/zui53

ZUI53是一个JavaScript库，可以使用HTML5和CSS3等新技术创建功能强大的基于web的可缩放用户接口(ZUIs)。

还有OpenSeadragon，但我不确定它是否使用画布。

Answer 3

您是否看过Piccolo2d似乎满足了您的大部分需求。看看来自吉奈特的视频，它展示了他们如何将它用于那里的界面。