Html2canvas: ๊ฐ๋„ (0deg)๊ฐ€ ๋ Œ๋”๋ง๋˜์ง€ ์•Š๋Š” ์„ ํ˜• ๊ทธ๋ผ๋ฐ์ด์…˜

์— ๋งŒ๋“  2013๋…„ 03์›” 11์ผ  ยท  8์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: niklasvh/html2canvas

์•ˆ๋…•ํ•˜์„ธ์š” !

์šฐ์„ , ์—ฌ๊ธฐ์— ๋ฉ‹์ง„ ํ”Œ๋Ÿฌ๊ทธ์ธ์ด ์žˆ์Šต๋‹ˆ๋‹ค! ๋‚˜๋Š” ๊ทธ์ € ๊ทธ๋Ÿฐ ๊ฒƒ์ด ํ•„์š”ํ–ˆ์Šต๋‹ˆ๋‹ค.)

๊ทธ๋ž˜๋””์–ธํŠธ์— ๋Œ€ํ•œ ์งˆ๋ฌธ์ด ์žˆ์Šต๋‹ˆ๋‹ค.

๊ฐ๋„๊ฐ€ ๋‹จ์–ด (Top, Left, ...)๋กœ ์ง€์ • ๋  ๋•Œ ๊ทธ๋ผ๋””์–ธํŠธ๊ฐ€ ๋ Œ๋”๋ง๋˜์ง€๋งŒ ๊ฐ๋„๋ฅผ Degree์— ๋„ฃ์„ ๋•Œ๋Š” ๋ Œ๋”๋ง๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค (์˜ˆ : linear-gradient (0deg, rgb (0, 0, 0) 0 % , rgb (255, 255, 255) 100 %)๋Š” ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค).

์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•  ๋ฐฉ๋ฒ•์ด ์žˆ์Šต๋‹ˆ๊นŒ? ๋‚˜๋Š” ๊ฐ๋„ ๊ฐ’์œผ๋กœ ๋งŽ์€ ๊ทธ๋ผ๋””์–ธํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ ๋•Œ๋ฌธ์— :)

๊ฐ์‚ฌ !

๋ชจ๋“  8 ๋Œ“๊ธ€

์ •๋ณด์— ๋Œ€ํ•ด์„œ ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค.

๊ณ ์น  ์ˆ˜์žˆ๋Š” ๋ฐฉ๋ฒ•์ด ์žˆ์ง€๋งŒ ์ง€๊ธˆ์€ ๊ทธ๋Ÿด ์‹œ๊ฐ„์ด ์—†์Šต๋‹ˆ๋‹ค. ๋ฐฑ ๋กœ๊ทธ์— ์ถ”๊ฐ€ํ•˜๊ณ  ์‹œ๊ฐ„์ด์žˆ์„ ๋•Œ ๋‹ค์‹œ ํ™•์ธํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

์•„๋งˆ๋„ ๊ทธ๋ผ๋””์–ธํŠธ๊ฐ€ ์ž‘๋™ํ•˜์ง€ ์•Š์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค.
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์—์„œ ์ˆ˜์ • ๋จ

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰