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

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

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

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

Answer 2

在搜索之后，我没有找到关于这个主题的更多信息。所以我已经阅读了svg元素并改变了我的＆＃34; rect＆＃34;到＆＃34;路径＆＃34;。 Here is the W3C svg documentation

And here is the jsfiddle with "path"

要查找我的矩形路径，我刚刚在Adobe AI中打开了svg文件。然后确保我的文档单位设置为像素。从那里我打开了我的信息窗口，只是复制了我的矩形x＆amp;的锚点。 y坐标到我的＆＃34;路径＆＃34;和presto我有2个形状作为一个。

合并Raphael Rect形状

2 个答案: