javascript - 在 Raphael.js 中拖动和旋转一组路径

Question

首先，是否有任何方法可以访问您通过此方法创建的路径“线”之一: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)。

Answer 1

为了帮助解决第二个问题，Raphael.Freetransform处理单个元素和集合的拖动、旋转和缩放。