Html2canvas: Линейный градиент с углом (0 градусов) без рендеринга

Созданный на 11 мар. 2013 · 8Комментарии · Источник: niklasvh/html2canvas

Привет !

Во-первых, здесь хороший плагин! Просто нужно было что-то в этом роде;)

У меня просто вопрос по градиенту.

Градиенты отображаются, когда угол указывается словом (Top, Left, ...), но не когда я помещаю угол в Degree (например: linear-gradient (0deg, rgb (0, 0, 0) 0%) , rgb (255, 255, 255) 100%) работать не будет).

Есть ли способ исправить это? Потому что я использую много градиентов со значениями градусов :)

Спасибо !

Bug

Источник

nammu

Все 8 Комментарий

Спасибо за информацию.

Есть способ исправить это, но сейчас у меня нет на это времени. Я добавлю его в список невыполненных работ и вернусь к нему, когда у меня будет время.

niklasvh 14 мар. 2013

Наверное, ни один из градиентов не работает.
Мы используем обозначение, отличное от 0-deg: linear-gradient (to bottom, color, color);

oosterholt 18 июл. 2013

Есть ли обновления на этом @niklasvh , у меня

abhasg 8 апр. 2014

+1, чтобы решить эту проблему. @niklasvh, можешь дать нам подсказку, чтобы попытаться решить эту проблему?

fbotti 19 июн. 2014

Для этого есть простое исправление, просто добавьте этот 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) {
          ........
     }
}