html - 用于自定义产品编辑器的HTML5框架

Question

我正在研究一个项目的几个html5框架，这些框架在某种程度上类似于iMakeMyCase编辑器。

必须实现的主要功能:

选择预定义的背景

通过拖放放置多个预定义元素

元素必须是可调整大小的，可旋转的

撤消/重做

元素必须具有将它们向前/向后移动(如图层)的能力

整个 Canvas 的

缩放(那可能很棘手……有什么建议吗？)

保存元素位置

的能力

获得成品的.png预览(您能以某种方式将 Canvas 捕获为常规图像)吗？

到目前为止，我一直在寻找的框架:

Cappuccino

看起来很有希望，并且用它完成的项目涵盖了我需要的90％的功能。我不确定ObjectiveJ，但是...

Sproutcore

我没有看到很多示例，但是如果苹果用它制作了整个iCloud，那么它肯定必须功能强大。但是我感觉需要很多实现才能覆盖所需的功能。如果我错了纠正我。

easeljs

这些示例看起来很酷，如果将它们组合在一起，几乎涵盖了所有内容。目前可能是我的最爱。

您对这些框架有什么看法，它们是否适合该项目？还有其他我想念的吗？确实欢迎任何建议，以帮助我为工作选择合适的工具。

谢谢。

Answer 1

对于您的缩放功能，我发现了同样的问题here
对于图像的png预览，您可以执行类似的操作

var canvas = document.getElementById("canvas");
var img    = canvas.toDataURL("image/png");
//here you got the png image show just create an element and show this preview there
document.write('<img src="'+img+'"/>');