Question

我正在寻找一个好的Java / GWT / Smart GWT或Ext GWT / Javascript库，它在Web应用程序中执行以下操作 -

（1）拍摄一个瓶子的图像，然后旋转它。

（2）我应该能够指定旋转角度，完成旋转所需的时间

（3）我应该能够轻松改变瓶子图像，例如，为特定的赞助商。

理想情况下，我希望该库支持所有浏览器，包括IE 6/7/8，但是如果您的库仅支持更新版本的IE，那么请提及该库作为该问题的可能解决方案。

我认为这种类型的动画只能用于Css3或Flash浏览器吗？

Answer 1

对于较旧的浏览器，你是正确的，CSS3和最可靠的闪存你只希望实现这一点。但是，对于较新的浏览器，可以使用SVG，这提供了许多优于闪存的优势。您应该将lib-gwt-svg视为通过GWT进行SVG操作的独立库，它也可以在SmartGWT中使用。另一种可能性是检查SmartGWT提供的示例。我自己没有使用它们，也无法确定它们是否可以为您的问题提供全面的解决方案，但它们似乎接近您想要的，所以，通过一些调整，您可以获得您想要的位置。如果我记得很清楚，他们也是基于SVG。

Answer 2

@Arvind，我同意了gpapaz的回答。另外，我发布了一个使用SmartGWT的示例链接，它可能满足您的所有3个要求。 example

Answer 3

gpapaz和RAS提供的解决方案相当不错，但两者都使用SVG来处理图形 - 旧版浏览器不支持它（IE6可以想到）。

我找到了一个名为Gwt-graphics的GWT库，它使用SVG为新浏览器绘制/动画，它支持Internet Explorer 6和更新版本（6,7和8使用VML渲染，9使用SVG）如Firefox，Chrome，Opera和Safari。

Answer 4

raphaeljs及其gwt对应raphael4gwt很容易支持这一点。

在raphaeljs中（在raphael4gwt中非常相似）：

var paper = Raphael("#paper1", 700,700); 
var bottle1 = ppaer.image("bottle1.png", 100,100, 50,200); 
bottle1.transfor("r22"); //rotate 22 degrees

寻找一个好的java / gwt / js库来创建'旋转瓶'动画

4 个答案: