在HTML画布上实现缩放用户界面

Question

6

我曾面临一个任务，要在HTML画布上创建一个ZUI（缩放用户界面）。此类界面的示例包括Deep Zoom和Microsoft的Seadragon。

我正在尝试寻找一些可以让我创建ZUI的库，而不必从头开始编写它（尽管我已经为Mac和iOS完成了这个任务）。

该库应具备以下关键特性：

欢迎提出任何建议（即使它们不符合上述条件），因为我在canvas上找不到有关ZUI的信息。

- GregoryM

4个回答

4

你看过Zoomooz这个东西吗？

Zoomooz是一个jQuery插件，用于使网页元素进行缩放。它可以用于制作类Prezi的幻灯片演示，并进行图像或其他细节的缩放。

你可以使用它来对任何DOM元素进行缩放。但在使用Canvas时，由于缩放后会出现像素化，因此使用SVG效果更佳。

- Janne Aukia

1

这个问题实际上已经很久以前就不再是问题了，而且这个任务甚至已经被分配给其他开发人员。据我所知，我们已经在ZUI模块中使用了这个库，并且它运行得非常好。 - GregoryM

2

你是否看过Piccolo2d？它似乎符合你的大多数要求。来看看Geneaquilts的视频，了解他们如何将其用于界面设计。

- 1.01pm

谢谢你的回答，虽然现在已经太晚做出任何决定了。我们已经决定坚持使用CSS 3.0转换和自己编写的库。 - GregoryM

关于您的建议。Piccolo似乎正在使用Java或.NET小程序，这些小程序不适合在客户端呈现的Web页面上使用UI。特别是对于广泛的移动用户（iOS、Android、RIM等）。 - GregoryM

Piccolo2d 的链接似乎已经被接管了。 - iCollect.it Ltd

0

还有Taaspace.js，它使用HTML和CSS3而不是Canvas。Taaspace试图抽象出所有不同的输入方法，使其与触摸屏设备等兼容。你可以查看这个示例应用程序。

- Akseli Palén

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Wingman4l7 · Accepted Answer

ZUI53 是一个 JavaScript 库，使用 HTML5 和 CSS3 等新技术创建强大的基于 Web 的可缩放用户界面（ZUI）。

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