Frameworks HTML5画布高级框架

我需要HTML5画布框架来完成：

• 绘制对象（例如矩形）
• 对象更改颜色/边框样式的onmouseover事件
• 单击“执行一些js操作”

thx

---

编辑：我最终决定使用（备选方案是）。这个框架非常棒。（它不需要HTML5画布，使用SVG）

听起来你真正想要的是一个图形界面，在这里你可以创建一个对象，获取鼠标事件，更改属性，移动它等等，并让浏览器根据需要重新绘制屏幕。在这种情况下，最好使用SVG而不是

，因为作为图形表面，SVG实际上只是一个充满像素的盒子。

看看这个问题：

---

Fabric.js非常令人印象深刻，CAKE也是一个不错的库。

bHive做得非常好，并且来自Actionscript背景，我发现它非常容易使用，我不得不查看演示，因为文档没有帮助

为了帮助你

square = engine.createShape({
    shape: 'square',
    style: 'filled',
    backgroundColor: '#000',
    width: 120,
    height: 20,
    x: 20,
    y: 100
});

要执行任何鼠标操作，需要将其添加到剪辑对象

clip = engine.createClip({ x: 20, y: 20 });

然后

添加事件侦听器

clip.addEventListener('onmouseover',function(e) { some code ... });
clip.addEventListener('onclick',function(e) { some code ... });

在循环中，你需要画正方形

clip.draw();

---

我正在使用演示的源代码来帮助我完成演示，所以请检查一下，因为其中有滚动和onclick。

不要忘记KineticJS，它的性能比您提到的要好得多，而且它有一个简单得多的API

是的，SVG是最简单的方法。据我所知，没有画布库支持您想要的那种事件检测。Thx，我已经尝试过Fabric.js。这是令人惊讶的，但是这些家伙并没有解决动画和事件的问题（至少不是作为一个普通的功能）。不，有一个问题，这个项目就是死亡。但目前的功能是好的。

clip.draw();