Merge Raphael Rect形狀

試圖讓這兩個raphael元素在兩個或另一個之間盤旋時改變顏色。這是我的代碼。任何幫助，將不勝感激。Merge Raphael Rect形狀

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

來源

2012-07-26 user1431083

我假設你從ReadySetRaphael ....毫無疑問的代碼，他們有拉斐爾轉換一個非常好的算法...某個時候嘗試一些大的SVG文件，他們會給你一個很好的結果... 。無論如何嘗試這...

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

這應該改變你的rects的顏色....希望它有幫助。

來源

2012-07-26 21:40:07 Aukhan

謝謝你的迴應，但不是我正在尋找的。你確實是來自ReadySetRaphael，但我試圖實現的是將這兩個矩形作爲一個元素，所以如果我將鼠標懸停在同一個矩形上都會改變顏色，那麼在鼠標移出時都會恢復正常。我已經能夠實現這一點，使用非常容易組合的路徑，但我覺得矩形有點困難。 [這是我的svg的鏈接，以瞭解我正在嘗試做什麼]（http://jsfiddle.net/knottAverage/ArKDp/37/） – user1431083 2012-07-27 14:12:26

這裏是一個快速修復您的小提琴http：// jsfiddle .net/ArKDp/40/....拉斐爾集不能被引用爲'你'這樣做'...看看，讓我知道，如果這是你正在尋找....作爲事件綁定到單個元素，因此這不會引用集合，但觸發事件的元素.... – Aukhan 2012-07-27 17:38:12

Yah方式更好，有道理，感謝您的幫助！ – user1431083 2012-07-27 20:26:37

經過搜索，我沒有發現太多的主題。所以我已經閱讀了svg元素，並將我的「矩形」改爲「路徑」。 Here is the W3C svg documentation

And here is the jsfiddle with "path"

找到我的矩形路徑我只是在Adobe AI打開SVG文件。然後確保我的文檔單位設置爲像素。從那裏，我打開了我的信息窗口，並將我的矩形x的座標點x & y座標複製到我的「路徑」中，然後我有2個形狀作爲一個。

來源

2012-07-27 17:04:08 user1431083

Merge Raphael Rect形狀

回答

相關問題