是否可以在 SVG 中製作徑向漸變,就像在 CSS 中一樣 http://codepen.io/A973C/pen/hnEaf (我指的是交通燈中的燈)
.red{ background: red; background-image: radial-gradient(brown, transparent); background-size: 15px 15px; width: 100px; height: 100px; border-radius: 50%; position: absolute; top: 20px; left: 35px; animation: 13s red infinite; border: dotted 2px red; box-shadow: 0 0 20px #111 inset, 0 0 10px red; }
我的 SVG 漸層看起來像這樣 http://jsfiddle.net/x9a2Lyx1/ 我真的不明白如何像 css 範例中那樣重複漸變
嵌入網頁中的 SVG 元素與任何其他元素的處理方式相同,因此您只需使用 CSS 即可實現:
我使用 SVG 模式解決了這個問題 -> http://jsfiddle.net/k5527kym/
#