問題
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsISPrdEZwZ1Rh5WNXp1bwNjW1ZUba9VZwlHdsATOfd3bkFGazxCMx8VesATMfhHLlN3XnxCMwEzX0xiRGZkRGZ0Xy9GbvNGLpZTY1EmMZVDUSFTU4VFRR9Fd4VGdsYTMfVmepNHLrJXYtJXZ0F2dvwVZnFWbp1zczV2YvJHctM3cv1Ce-YWan5CNxQjN3MWM1UjYldjMidDOwkzNhJWOjFWM5YTOjJTOj9CXwIzLchDMxIDMy8CXn9Gbi9CXzV2Zh1WavwVbvNmLvR3YxUjL5M3Lc9CX6MHc0RHaiojIsJye.gif)
本來想做SVG漸變,但是查資料發現SVG不能做這種轉圈的漸變,于是乎想在SVG中插入<code><foreignObject></code>然後直接畫出漸變或者直接上圖檔,畫出來的話,占用空間更小一點而且分辨率沒有太多限制,除非分辨率太高需要很久才能畫完。
代碼
問題
本來想做SVG漸變,但是查資料發現SVG不能做這種轉圈的漸變,于是乎想在SVG中插入<code><foreignObject></code>然後直接畫出漸變或者直接上圖檔,畫出來的話,占用空間更小一點而且分辨率沒有太多限制,除非分辨率太高需要很久才能畫完。
代碼