Html2canvas: Gradiente lineal con ángulo (0deg) sin renderizar

Creado en 11 mar. 2013 · 8Comentarios · Fuente: niklasvh/html2canvas

Hola !

En primer lugar, ¡un buen complemento aquí! Solo necesitaba algo así;)

Solo tengo una pregunta sobre el gradiente.

Los degradados se representan cuando el ángulo se especifica con una palabra (Arriba, Izquierda, ...), pero no cuando pongo un ángulo en Grado (Por ejemplo: degradado lineal (0deg, rgb (0, 0, 0) 0% , rgb (255, 255, 255) 100%) no funcionará).

¿Hay alguna forma de solucionar este problema? Porque uso muchos gradientes con valores de grados :)

Gracias !

Bug

Fuente

nammu

Todos 8 comentarios

Gracias por la info.

Hay una forma de solucionarlo, pero actualmente no tengo tiempo para ello. Lo agregaré a la lista de trabajos pendientes y volveré a él cuando tenga tiempo.

niklasvh en 14 mar. 2013

Probablemente, ninguno de los gradientes funciona.
Estamos usando una notación diferente a la de 0 grados: gradiente lineal (hacia abajo, color, color);

oosterholt en 18 jul. 2013

¿Hay alguna actualización sobre este @niklasvh ? Estoy enfrentando el mismo problema.

abhasg en 8 abr. 2014

+1 para resolver este problema. @niklasvh, ¿puedes darnos una pista para intentar resolver esto?

fbotti en 19 jun. 2014

Hay una solución simple para esto, simplemente agregue este if antes de que exista el interruptor de posición en el 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) {
          ........
     }
}