Html2canvas: рд░реЗрдЦреАрдп-рдврд╛рд▓ рдХреЛрдг рдХреЗ рд╕рд╛рде (0deg) рдкреНрд░рддрд┐рдкрд╛рджрди рдирд╣реАрдВ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 11 рдорд╛рд░реНрдЪ 2013  ┬╖  8рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: niklasvh/html2canvas

рдирдорд╕реНрддреЗ !

рд╕рдмрд╕реЗ рдкрд╣рд▓реЗ, рдпрд╣рд╛рдБ рдЕрдЪреНрдЫрд╛ рдкреНрд▓рдЧрдЗрди! рдореБрдЭреЗ рдмрд╕ рдРрд╕рд╛ рдХреБрдЫ рдЪрд╛рд╣рд┐рдП рдерд╛;)

рдореЗрд░реЗ рдкрд╛рд╕ рдЧреНрд░реЗрдбрд┐рдПрдВрдЯ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рд╕рд┐рд░реНрдл рдПрдХ рдкреНрд░рд╢реНрди рд╣реИред

рдЬрдм рдХреЛрдг рдХреЛ рдПрдХ рд╢рдмреНрдж (рд╢реАрд░реНрд╖, рдмрд╛рдПрдБ, ...) рдХреЗ рд╕рд╛рде рдирд┐рд░реНрджрд┐рд╖реНрдЯ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рддреЛ рдЧреНрд░реЗрдбрд┐рдПрдВрдЯ рдкреНрд░рджрд╛рди рдХрд┐рдП рдЬрд╛рддреЗ рд╣реИрдВ, рд▓реЗрдХрд┐рди рддрдм рдирд╣реАрдВ рдЬрдм рдореИрдВ рдбрд┐рдЧреНрд░реА рдореЗрдВ рдХреЛрдг рдбрд╛рд▓рддрд╛ рд╣реВрдВ (рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП: рд░реИрдЦрд┐рдХ-рдврд╛рд▓ (0 рдбрд┐рдЧреНрд░реА, рдЖрд░рдЬреАрдмреА (0, 0, 0) 0%) , рдЖрд░рдЬреАрдмреА (255, 255, 255) 100%) рдХрд╛рдо рдирд╣реАрдВ рдХрд░реЗрдЧрд╛)ред

рдХреНрдпрд╛ рдЗрд╕реЗ рдареАрдХ рдХрд░рдиреЗ рдХрд╛ рдХреЛрдИ рддрд░реАрдХрд╛ рд╣реИ ? рдХреНрдпреЛрдВрдХрд┐ рдореИрдВ рдбрд┐рдЧреНрд░реА рдореВрд▓реНрдпреЛрдВ рдХреЗ рд╕рд╛рде рдмрд╣реБрдд рд╕рд╛рд░реЗ рдЧреНрд░реЗрдбрд┐рдПрдВрдЯ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реВрдВ :)

рдзрдиреНрдпрд╡рд╛рдж !

рд╕рднреА 8 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдЬрд╛рдирдХрд╛рд░реА рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рджред

рдЗрд╕реЗ рдареАрдХ рдХрд░рдиреЗ рдХрд╛ рдПрдХ рддрд░реАрдХрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдореЗрд░реЗ рдкрд╛рд╕ рд╡рд░реНрддрдорд╛рди рдореЗрдВ рдЗрд╕рдХреЗ рд▓рд┐рдП рд╕рдордп рдирд╣реАрдВ рд╣реИред рдореИрдВ рдЗрд╕реЗ рдмреИрдХрд▓реЙрдЧ рдореЗрдВ рдЬреЛрдбрд╝ рджреВрдВрдЧрд╛ рдФрд░ рдЬрдм рдореЗрд░реЗ рдкрд╛рд╕ рд╕рдордп рд╣реЛрдЧрд╛ рддреЛ рдореИрдВ рдЗрд╕реЗ рд╡рд╛рдкрд╕ рдХрд░ рджреВрдВрдЧрд╛ред

рд╢рд╛рдпрдж, рдХреЛрдИ рднреА рдЧреНрд░реЗрдбрд┐рдПрдВрдЯ рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИред
рд╣рдо 0-рдбрд┐рдЧреНрд░реА рдХреА рддреБрд▓рдирд╛ рдореЗрдВ рдПрдХ рдЕрд▓рдЧ рд╕рдВрдХреЗрддрди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣реЗ рд╣реИрдВ: рд░реИрдЦрд┐рдХ-рдврд╛рд▓ (рдиреАрдЪреЗ, рд░рдВрдЧ, рд░рдВрдЧ);

рдХреНрдпрд╛ рдЗрд╕ @niklasvh рдкрд░ рдХреЛрдИ рдЕрдкрдбреЗрдЯ рд╣реИ, рдореБрдЭреЗ рдПрдХ рд╣реА рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рд╛рдордирд╛ рдХрд░рдирд╛ рдкрдбрд╝ рд░рд╣рд╛ рд╣реИред

+1 рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рдХреЛ рд╣рд▓ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдПред @niklasvh рдХреНрдпрд╛ рдЖрдк рдЗрд╕реЗ рд╣рд▓ рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╣рдореЗрдВ рдХреЛрдИ рд╕реБрд░рд╛рдЧ рджреЗ рд╕рдХрддреЗ рд╣реИрдВ?

рдЗрд╕рдХреЗ рд▓рд┐рдП рдПрдХ рд╕рд░рд▓ рд╕рдорд╛рдзрд╛рди рд╣реИ рдмрд╕ рдЗрд╕ if рдХреЛ LinearGradientContainer рдореЗрдВ рдореМрдЬреВрджрд╛ рд╕реНрдерд┐рддрд┐ рд╕реНрд╡рд┐рдЪ рд╕реЗ рдкрд╣рд▓реЗ рдЬреЛрдбрд╝реЗрдВ

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 рдкреБрд▓ рдЕрдиреБрд░реЛрдзреЛрдВ рдХрд╛ рд╕реНрд╡рд╛рдЧрдд рд╣реИ ...:]

@NicolayThafvelin 3q

1.0.0 . рдореЗрдВ рдлрд┐рдХреНрд╕реНрдб

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

Josh10101010 picture Josh10101010  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

dking3876 picture dking3876  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

AlphaDu picture AlphaDu  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

anthonymejia picture anthonymejia  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

diego-rey picture diego-rey  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ