在Raphael.js中拖动并旋转一组路径

时间:2011-10-14 18:34:08

标签: javascript svg raphael

首先,有没有办法访问您使用此方法创建的路径“行”之一:paper.path("M 250 250 l 0 -50 l -50 0 l 0 -50 l -50 0 l 0 50 l -50 0 l 0 50 z");?这会形成一个8边形状,我需要让一边的笔触颜色不同。

我找不到方法所以我最终做到了这一点:

r = paper.set();

r.push(
    paper.path("M0 0L0 50"),
    paper.path("M0 50L125 50"),
    paper.path("M125 50L125 0"),
    paper.path("M125 0L0 0")
);

创建4条构成矩形的线条。我需要一种方法来拖动这些类型的形状,如果您单击并按住路径内“包含”区域中的任何位置,则会开始拖动。我还需要一种旋转整个路径的方法,并且能够在没有坐标系旋转的情况下拖动它们。我正在使用最新版本的Raphael(2.0)。

1 个答案:

答案 0 :(得分:3)

为了解决第二个问题,Raphael.Freetransform处理各个元素和集合的拖动,旋转和缩放。