问题的第二部分是,哪个javascript库更好/更容易操作图像?我实际上不会画任何形状或任何东西。其他信息:我将使用jQuery,不需要支持所有浏览器,只需支持webkit。
修改 更多信息:当前的设计是以类似网格的布局布局/绘制几行/列的图像,中心的图像处于“焦点”(稍大一些,边框或其他东西,旁边有一些文字)它)。棘手的是,我们希望整个画面画面能够滑动/滑动以使另一个随机图像聚焦。很明显,此网格中的图像数量需要超过视口中可见的数量,以便在转换发生时始终存在占据画布的图像。除了移动图像,我不会模糊它们或以其他方式修改它们。最终,我们将添加用户交互,例如点击/触摸可见图像以使其手动对焦。
如果这不清楚或仍然令人困惑,请告诉我。
我跑过scripty2,这似乎是为我的目的使用canvas / SVG的替代方案。昨晚我也开始用EaselJS放屁,似乎这可能会有效,但我想知道它是否会比使用标准HTML / CSS和像Scripty2这样的工具更加工作/复杂帮助动画和点击/触摸事件。只是寻找任何建议。谢谢!
答案 0 :(得分:2)
答案取决于你的操控和动画。
如果只是翻译,CSS wins for speed与画布相比。我没有测试过,但我确信它很容易因为同样的事情而轻易胜过SVG。
如果您要进行非仿射变换或以其他方式弄乱图像(例如模糊它们),您显然需要Canvas。
如果每个对象都需要事件处理程序,那么您显然需要一个保留模式的绘图系统,如SVG或HTML + CSS。我没有做足够的CSS3变换来说明它们在速度方面与SVG的比较,但它们显然没有SVG的强大transformation DOM。
这是一个相当主观的问题(或一系列问题),你还没有提供足够的信息以便明确答案。