Skip to main content

gradients

도형에 그라데이션을 적용할 수 있다. 그라디언트는 선형(linear)과 방사형(radial)이 있다.

선형 그라디언트#

fillstroke은 도형과 선의 기본색을 지정한다.

styles.css
#rect1 {
fill: url(#Gradient1);
}
.stop1 {
stop-color: red;
}
.stop2 {
stop-color: black;
stop-opacity: 0;
}
.stop3 {
stop-color: blue;
}
Live Editor
Result
SyntaxError: Unexpected token (1:8)
1 : return ()
            ^

방사형 그라디언트#

Live Editor
Result
SyntaxError: Unexpected token (1:8)
1 : return ()
            ^

중심과 촛점#

Live Editor
Result
SyntaxError: Unexpected token (1:8)
1 : return ()
            ^

spreadMethod#

Live Editor
Result
SyntaxError: Unexpected token (1:8)
1 : return ()
            ^