svg - 合并 Raphael 矩形形状

Question

试图让这两个 raphael 元素在悬停在一个或另一个上时都改变颜色。这是我的代码。任何帮助，将不胜感激。

var loge_1 = rsr.set();
loge_1a = rsr.rect(235.457, 287.645, 32.523, 45.486),
loge_1b = rsr.rect(235.139, 277.626, 32.933, 6.701);
loge_1.push(loge_1a,loge_1b);
loge_1.attr(logeFill);

Answer 1

好吧，在搜索之后，我没有找到太多关于这个主题的东西。所以我已经阅读了 svg 元素并将我的“rect”更改为“path”。这是 W3C svg 文档

这是带有“路径”的jsfiddle

为了找到我的矩形路径，我刚刚在 Adob​​e AI 中打开了 svg 文件。然后确保我的文档单位设置为像素。从那里我打开了我的信息窗口，并将我的矩形 x 和 y 坐标的锚点复制到我的“路径”中，并且我有 2 个形状作为一个。

Answer 2

我假设您从 ReadySetRaphael 获得代码 .... 毫无疑问，他们有一个非常好的 Raphael 转换算法... 有时尝试一些大型 SVG 文件，它们会给您一个很好的结果 .... 无论如何尝试这个...

loge_1.mouseover(function(){
    loge_1.attr({'fill':'your Desired Color'});
}
loge_1.mouseout(function(){
    loge_1.attr({'fill':'original color'});
}

这应该会改变你的两个矩形的颜色....希望它有所帮助。