问题标签 [raphael]

是否可以使用 Raphael 来操作嵌入的 SVG 图像？我过去使用 Raphael 来绘制形状，但实际上还没有看到它被用于操作现有的 SVG 图像。如果没有，还有什么可以让我轻松更改颜色、添加事件等到嵌入式 SVG 图像的多边形的吗？

我正在尝试用 javascript 构建一个益智游戏，使用 raphael 来处理碎片的拖放和旋转。

我面临的问题是：每当我旋转图像时，它的坐标系也会旋转，并且拖放不再按预期工作。

Edit2：这是一个简单的测试用例。围绕椭圆拖动，旋转它，然后再次尝试拖动： http ://www.tiagoserafim.com/tests/dragdrop.html

编辑：为了澄清，每当我用鼠标向右移动 1 个像素（x++）时，图像也会在 x 坐标上移动 1 个像素，但在它自己的坐标系上，可能会旋转，如下图所示。

_{（来源：oreilly.com）}

正如SVG Essentials中所解释的，这是预期的行为。

我的问题是：有没有一种优雅的方式来做我想做的事，或者我将被迫使用旋转矩阵手动计算正确的坐标？

其他 JS 库或建议将非常受欢迎，即使它们意味着失去 IE 支持。

我正在创建一个图表应用程序，我在其中隐藏和显示一些元素，例如

现在我想对这些形状采取行动，例如计算边界框等，但我无法找到如何获得形状是否隐藏？有没有类似 shape.is_visible() 或 shape.attr('visible') 的东西

我在使用 $.position 检索元素上的相对 x/y 偏移时遇到问题。之前提到过，Safari 和 Chrome 的处理方式与其他浏览器不同。

我正在使用 Raphael-JS。

长话短说，我所拥有的是一个 SVG 元素，由父级居中的DIV 包装器包装：

在每个浏览器中，运行在 'path' 元素上的 $.position 返回的对象或多或少都会给出正确的值。Chrome 和 Safari 都为 x 偏移返回负值，为 y 返回 0。

任何帮助将不胜感激，最好的问候

IE 似乎在未压缩的 raphaeljs 1.4.7 中的以下第 2207 行阻塞（当然，在我的代码的上下文中）：

我不熟悉 != 在这种情况下的语法，所以我发现很难弄清楚发生了什么或为什么 IE 可能对此不满意。我已经在 IE6 和 IE8 以及 OSX 上的 Chrome 和 Firefox 中进行了测试。当然，如果 FF 中有问题，我会逐步使用 firebug ......

你能告诉我这条线试图实现什么，甚至更好，你能明白为什么 IE 可能会出现问题吗？

对于您的上下文，这是包含该行的完整方法：

所以简短的版本，我不明白的是这行代码：

长版，看看这些功能：

这段代码来自 Raphael playground，这意味着它实现了 raphael 库。因此，我不理解顶部的单行代码（它在 try/catch 表达式中），假设将用户输入的存储在 cd.value 中的代码复制到函数中。但这怎么可能？

您可以在此处访问该页面：http ://raphaeljs.com/playground.html

创建一个带有圆角的漂亮矩形。是否可以创建一个只有一个圆角的矩形？

我想画一个有洞的形状，这样我就可以fill塑造它，而不是用那种颜色填充洞（让它们透明）。

根据W3 路径规范：

复合路径（即具有多个子路径的路径）可能允许对象中出现诸如“甜甜圈洞”之类的效果。

有人可以举一个非常简单的例子来说明如何在Raphael中使用矢量路径执行此操作吗？

非常感谢。

我最近开始使用 gRaphael 来满足我的绘图需求，到目前为止我印象非常深刻。但是，我在制作折线图时遇到了一些困难，特别是当我尝试将 X 轴的值设置为日期时，该图无法呈现。我生成图表的代码是：

我如何能够将 X 轴值“1、2、3、4、5、6、7”替换为“2001 年 1 月、2001 年 2 月、2001 年 3 月……等等……等等……” '？

非常感谢，非常感谢所有帮助！

我正在尝试使用 Raphael在网页中创建类似于此示例的地图工具。

我有一个我要使用的地图的svg文件，文件中的省份都是单独的路径。但是，如果我将 svg 文件中的坐标直接复制到 raphael 路径，则图像太大而无法适应屏幕，因此我需要对其进行缩放。

我知道我可以使用缩放功能单独缩放所有省份路径，但是它们将不再相互接触，我必须四处移动它们以重新组合地图。

有没有办法将路径组合在一起并缩放整个东西，或者是否有一些聪明的工具来缩放原始 svg 文件？Inkscape 缩放似乎不会修改 svg 文件中的坐标。

谢谢。

来源：