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

发布于 2024-12-10 03:05:48 字数 493 浏览 1 评论 0原文

首先,有没有办法访问您从此方法创建的路径“行”之一: 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)。

First off, is there any way to access one of the path "lines" you create from this method: 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");? That creates an 8-sided shape and I need to have one of the side's stroke color be different.

I couldn't find a way so I ended up doing this:

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")
);

That creates 4 lines that make up a rectangle. I need a way to drag these types of shapes around, the drag would start if you click and hold anywhere in a "contained" area inside the paths. I also need a way to rotate an entire set of paths and be able to drag them without the coordinate system rotating as well. I'm using the latest version of Raphael (2.0).

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

太傻旳人生 2024-12-17 03:05:48

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

To help with second question, Raphael.Freetransform handles dragging, rotating and scaling of individual elements and sets.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文