【问题标题】:Drag and rotate a set of paths in Raphael.js在 Raphael.js 中拖动和旋转一组路径
【发布时间】:2011-12-11 11:21:57
【问题描述】:

首先,有什么方法可以访问您通过此方法创建的路径“行”之一: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)。

【问题讨论】:

  • 我也在做一个测试项目,该项目使用 Raphael 创建形状并拖动/调整大小/旋转它们......我开始使用路径并放弃了,因为我觉得这很痛苦,更重要的是,当您尝试调整大小(必须是路径的比例)并且发生这种情况时它会失去定位精度(这对我来说很好)。我现在要回到基本形状(矩形),虽然我正在考虑在修改路径控件时重新创建和强制重绘(我可以更好地处理我的调整大小等),但我担心失去一些很棒的功能事件等...不确定

标签: javascript svg raphael


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-11-26
    • 1970-01-01
    • 2011-12-11
    • 2013-03-23
    • 1970-01-01
    • 1970-01-01
    • 2012-03-30
    • 1970-01-01
    相关资源
    最近更新 更多