當你點擊一個特定的畫布元素時改變顏色

我使用Raphael.js動態創建畫布元素，但是當元素被按下時我需要改變顏色。我只是將點擊事件附加到每個特定的圓上，但我如何才能更改按下的元素的顏色？當你點擊一個特定的畫布元素時改變顏色

paper = Raphael("canvas", 500, 500); 
    circs = paper.set(); 
    for (i = 0; i < 21; ++i) 
    { 
    opa = ran(3,10)/10; 
    circs.push(paper.circle(ran(0,500), ran(0,500), ran(13,30)).attr({"fill-opacity": opa, 
    "stroke-opacity": opa }).click(function(){ 
     $("#toggle").click(); 
     //Change color? 

    })); 

    }

來源

2014-09-04 MrMins

不太清楚的切換是有什麼，可幫助您在需要時產生的jsfiddle。

通常你會做這樣的事情

paper.circle(x,y,r).click(function(){ 
    this.attr({ fill: "blue", opacity: "0.5" }); 
});

來源

2014-09-04 14:47:49 Ian

我從來沒有使用拉斐爾，但作爲任何其他jquery對象，你應該在對象範圍內使用$（this）。從拉斐爾文檔我看你需要改變填充屬性，所以你的代碼應該是

$（「＃toggle」）。click（）; $（this）.attr（「fill」，「＃f00」）;

希望幫助

來源

2014-09-04 13:47:49

當你點擊一個特定的畫布元素時改變顏色

回答

相關問題