Html2canvas: Linear-Gradient mit Winkel (0deg) nicht rendern

Erstellt am 11. März 2013  ·  8Kommentare  ·  Quelle: niklasvh/html2canvas

Hallo !

Erstmal schönes Plugin hier! Ich brauchte einfach so etwas ;)

Ich habe nur eine Frage zum Farbverlauf.

Farbverläufe werden gerendert, wenn der Winkel mit einem Wort angegeben wird (Top, Left, ...), aber nicht, wenn ich einen Winkel in Grad eingebe (Beispiel: linear-gradient(0deg, rgb(0, 0, 0) 0% , rgb(255, 255, 255) 100%) funktioniert nicht).

Gibt es eine Möglichkeit dies zu beheben? Weil ich viele Verläufe mit Gradwerten verwende :)

Vielen Dank !

Bug

Alle 8 Kommentare

Danke für die Information.

Es gibt eine Möglichkeit, es zu beheben, aber ich habe derzeit keine Zeit dafür. Ich füge es dem Backlog hinzu und melde mich wieder, wenn ich Zeit habe.

Wahrscheinlich funktioniert keiner der Farbverläufe.
Wir verwenden eine andere Notation als 0-Grad: linear-gradient(to bottom, color, color);

Gibt es Updates zu diesem @niklasvh , ich stehe vor dem gleichen Problem.

+1, um dieses Problem zu beheben. @niklasvh können Sie uns einen Hinweis geben, um dieses Problem zu lösen?

Dafür gibt es eine einfache Lösung. Fügen Sie einfach dieses if bevor Sie den Positionsschalter im LinearGradientContainer erstellen

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 Pull-Requests sind willkommen... :]

@NicolayThafvelin 3q

Behoben in 1.0.0

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen