带有缩放/鼠标平移/旋转/文本/事件的javascript图形引擎？

Question

有没有开放源码的javascript库能够创建像http://www.marcelbeumer.com/media/main/demos/ngen/index.html这样的开箱即用的东西，或者最多用一个非常简单的插件？

请注意，您可以：-使用鼠标进行缩放-平移-旋转-渲染文本-单击项目

如果它在android/iOS上工作，就会得到双倍积分。

Answer 1

哈！作者问道，它在Github上！

https://github.com/marcelbeumer/ngen-demo

Polymaps看起来也是一个竞争者-- http://polymaps.org/

Answer 2

也许你在找Raphaël。一个基于SVG y VML的javascript框架。它有几个函数和助手，有缩放(缩放)，平移，旋转，文本等功能。

在主页上：

Raphaël是一个小型的JavaScript库，可以简化您在web上处理矢量图形的工作。例如，如果您想创建自己的特定图表或图像裁剪和旋转小部件，则可以使用该库简单轻松地实现。Raphaël‘réfe W3C l使用SVG W3C建议和VML作为创建图形的基础。这意味着您创建的每个图形对象也是一个DOM对象，因此您可以附加JavaScript事件处理程序或稍后对其进行修改。Raphaël的目标是提供一种适配器，它将使绘图矢量艺术兼容跨浏览器且简单。

用法示例：

// Creates canvas 320 × 200 at 10, 50
var paper = Raphael(10, 50, 320, 200);

// Creates circle at x = 50, y = 40, with radius 10
var circle = paper.circle(50, 40, 10);
// Sets the fill attribute of the circle to red (#f00)
circle.attr("fill", "#f00");

// Sets the stroke attribute of the circle to white
circle.attr("stroke", "#fff");

希望能有所帮助。

忘了说了，首页有很多例子，看是必须的。

EDIT:不久前在这里也提出了一个类似的问题Are there any good Javascript graphics libraries?

Answer 3

我正在寻找类似的东西，我偶然发现了这个Jquery javascript插件http://arborjs.org/。

它本身不会缩放和平移(它实现的方式略有不同)，但由于我看到了这个话题，所以我想分享一下。