使SVG和JS過渡工作

Question

我有這個問題，我無法解決。

我正在做一個菜單，我想要一個很酷的打開/關閉按鈕，所以我做了一個SVG文件，使一切都變得非常漂亮。

.icon-grid { 
    width: 50px; 
    height: 50px; 
    fill: #000; 
    transition: all 1s ease; 
} 

https://jsfiddle.net/mateuszrybin/0n78dg30/ 按下按鈕。

問題我只是無法在黑色和紅色之間進行填充轉換工作。顏色剛剛彈出。它適用於旋轉但不填充，任何人有任何想法？

Answer 1

您應該使用SVG DOM API。在here上有一個很好的教程。請仔細閱讀。一切都很好解釋。