Canvas和/或SVG会进行转换(移动,缩放,旋转)吗?

时间:2015-05-04 17:23:00

标签: canvas svg

我被赋予了开发在线传单的任务,其中对象必须是可调整大小,可移动,可拖动和可旋转的。哪种技术将涵盖所有这些功能?

我尝试使用jcanvas。虽然它可以拖动,但它似乎无法调整大小和旋转。

1 个答案:

答案 0 :(得分:2)

SVG和Canvas都会进行转换:移动,缩放,旋转。

由于SVG元素实际上是DOM元素,因此它们具有用于转换内置于每个元素的管道。但您仍然必须管理这些SVG转换(manage == trigger / response to transformation)。

绘制到Canvas上的对象变得像艺术家画布上的干漆。要在Canvas上进行特定对象的变换,必须清除“画布”并在其当前位置重绘每个对象。和SVG一样,您必须使用自己的javascript管理这些转换。

有些库会自动为您进行转换管理。

SVG的Lib:http://snapsvg.io/

Canvas for Canvas:http://fabricjs.com/http://konvajs.github.io/

我不推荐特定的Lib。这些只是我使用过的Libs,并且知道它们可以很好地运作。

祝你的项目好运!