์๋ ํ์ธ์ !
์ฐ์ , ์ฌ๊ธฐ์ ๋ฉ์ง ํ๋ฌ๊ทธ์ธ์ด ์์ต๋๋ค! ๋๋ ๊ทธ์ ๊ทธ๋ฐ ๊ฒ์ด ํ์ํ์ต๋๋ค.)
๊ทธ๋๋์ธํธ์ ๋ํ ์ง๋ฌธ์ด ์์ต๋๋ค.
๊ฐ๋๊ฐ ๋จ์ด (Top, Left, ...)๋ก ์ง์ ๋ ๋ ๊ทธ๋ผ๋์ธํธ๊ฐ ๋ ๋๋ง๋์ง๋ง ๊ฐ๋๋ฅผ Degree์ ๋ฃ์ ๋๋ ๋ ๋๋ง๋์ง ์์ต๋๋ค (์ : linear-gradient (0deg, rgb (0, 0, 0) 0 % , rgb (255, 255, 255) 100 %)๋ ์๋ํ์ง ์์ต๋๋ค).
์ด ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ ๋ฐฉ๋ฒ์ด ์์ต๋๊น? ๋๋ ๊ฐ๋ ๊ฐ์ผ๋ก ๋ง์ ๊ทธ๋ผ๋์ธํธ๋ฅผ ์ฌ์ฉํ๊ธฐ ๋๋ฌธ์ :)
๊ฐ์ฌ !
์ ๋ณด์ ๋ํด์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค.
๊ณ ์น ์์๋ ๋ฐฉ๋ฒ์ด ์์ง๋ง ์ง๊ธ์ ๊ทธ๋ด ์๊ฐ์ด ์์ต๋๋ค. ๋ฐฑ ๋ก๊ทธ์ ์ถ๊ฐํ๊ณ ์๊ฐ์ด์์ ๋ ๋ค์ ํ์ธํ ๊ฒ์ ๋๋ค.
์๋ง๋ ๊ทธ๋ผ๋์ธํธ๊ฐ ์๋ํ์ง ์์ ๊ฒ์
๋๋ค.
0deg์๋ ๋ค๋ฅธ ํ๊ธฐ๋ฒ์ ์ฌ์ฉํฉ๋๋ค. linear-gradient (to bottom, color, color);
์ด @niklasvh ์ ๋ํ ์ ๋ฐ์ดํธ๊ฐ ์์ต๋๊น? ๊ฐ์ ๋ฌธ์ ์ ์ง๋ฉดํ๊ณ ์์ต๋๋ค.
์ด ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๋ ค๋ฉด +1ํ์ธ์. @niklasvh ์ด ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๊ธฐ์ํ ๋จ์๋ฅผ ์ ๊ณต ํ ์ ์์ต๋๊น?
์ด์ ๋ํ ๊ฐ๋จํ ์์ ์ด ์์ต๋๋ค. LinearGradientContainer์ ์์น ์ค์์น๊ฐ ์กด์ฌํ๊ธฐ ์ ์ if
๋ฅผ ์ถ๊ฐํ๊ธฐ ๋งํ๋ฉด๋ฉ๋๋ค.
if (imageData.args[0].indexOf('deg') != -1) {
var rad = parseFloat(imageData.args[0].substr(0, imageData.args[0].length - 3)) * (Math.PI / 180);
//Finds y start and scales it between 0 and 1
this.y0 = (Math.cos(rad) + 1) / 2;
//Flips y1
this.y1 = 1 - this.y0;
//Same as for y0 but flip axis to match with css gradient
this.x0 = (-Math.sin(rad) + 1) / 2;
this.x1 = 1 - this.x0;
} else {
imageData.args[0].split(" ").reverse().forEach(function(position) {
switch (position) {
........
}
}
@NicolayThafvelin ํ ์์ฒญ์ ํ์ํฉ๋๋ค ... :]
@sm_sm 3q
1.0.0์์ ์์ ๋จ