SVG 角度グラデーション 質問する

SVG 角度グラデーション 質問する

SVG で「角度グラデーション」を行う方法はありますか?

(正式な用語はわかりませんが、カラーピッカーで表示されるような、角度によって変化するグラデーションのことです。)

SVG は線形グラデーションと放射状グラデーションのみをサポートしているようですが、変換を使用して必要なものをシミュレートする方法があるのではないかと考えています。

ありがとう!

ベストアンサー1

...10年後...

CSSは円錐グラデーションをサポートするようになりましたが、ブラウザのサポートはまちまちこれを書いている時点では。

目的の効果を得るには、CSS 円錐グラデーションを使用するコンテンツ<clipPath />に を適用します。<foreignObject />

https://codepen.io/eastonium/pen/abOpdEm

おすすめ記事