回答編集履歴
1
コメントを追加
answer
CHANGED
|
@@ -9,9 +9,13 @@
|
|
|
9
9
|
SVGの`linarGradient`, `radialGradient`要素で定義したグラデーションであれば, それらをSVGの図形要素にCSSから指定することは可能です.
|
|
10
10
|
が, CSSのグラデーション機構(`linear-gradient`関数等)を直接SVGの図形要素に適用することは残念ながらできません.
|
|
11
11
|
|
|
12
|
+
NOTE:
|
|
13
|
+
一般にSVGにおいて**プレゼンテーション属性**と呼ばれている属性については, CSSから値を指定することが可能です. プレゼンテーション属性としては`fill`, `stroke`, `stroke-width`, `stroke-linecap`等があります.
|
|
14
|
+
|
|
12
15
|
例:
|
|
13
16
|
```CSS
|
|
14
17
|
path{
|
|
18
|
+
/*fillはプレゼンテーション属性なので, CSSから値を指定できる*/
|
|
15
19
|
fill: url(#g);
|
|
16
20
|
}
|
|
17
21
|
```
|