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

Question

是否有一个开源的JavaScript库能够开箱即用http://www.marcelbeumer.com/media/main/demos/ngen/index.html，或者最多使用一个非常简单的插件？

请注意，您可以：   - 缩放   - 用鼠标平移   - 旋转   - 渲染文字   - 点击项目

如果它在android / iOS中有效，则为双点。

Answer 1

也许你正在寻找Raphaël。一个适用于SVG和VML的javascript框架。它有几个功能和助手，有缩放（用于缩放），平移，旋转，发短信等。

从主页：

  

Raphaël是一个小型JavaScript库   这应该简化你的工作   矢量图形在网络上。如果你   想要创建自己的特定图表   或图像裁剪和旋转小部件，用于   例如，你可以简单地实现它   很容易用这个库。拉斐尔   ['ræfeɪə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");

希望它有所帮助。

PS：忘了提，主页有很多例子，看是必须的。

编辑：此前在这里提出了类似的问题Are there any good Javascript graphics libraries?

Answer 2

哈！问作者，它在Github上！

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

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

Answer 3

我正在寻找类似的东西，我遇到了这个Jquery javascript插件 http://arborjs.org/

它不会缩放和平移本身（它实现了一点点不同）但是因为我看到了这个话题，所以我分享了它。