Html2canvas: Linear-Gradient dengan Angle (0deg) tidak merender

Dibuat pada 11 Mar 2013 · 8Komentar · Sumber: niklasvh/html2canvas

Hai!

Pertama-tama, plugin yang bagus di sini! Saya hanya membutuhkan sesuatu seperti itu;)

Saya hanya punya pertanyaan tentang gradien.

Gradien dirender ketika sudut ditentukan dengan kata (Atas, Kiri, ...), tetapi tidak ketika saya menempatkan sudut dalam Derajat (Misalnya: linear-gradient(0deg, rgb(0, 0, 0) 0% , rgb(255, 255, 255) 100%) tidak akan berfungsi).

Apakah ada cara untuk memperbaiki ini? Karena saya menggunakan banyak gradien dengan nilai derajat :)

Terima kasih!

Bug

Sumber

nammu

Semua 8 komentar

Terimakasih atas infonya.

Ada cara untuk memperbaikinya, tetapi saat ini saya tidak punya waktu untuk itu. Saya akan menambahkannya ke backlog dan kembali ke sana ketika saya punya waktu.

niklasvh pada 14 Mar 2013

Mungkin, tidak ada gradien yang berfungsi.
Kami menggunakan notasi yang berbeda dari 0-deg: linear-gradient(ke bawah, warna, warna);

oosterholt pada 18 Jul 2013

Apakah ada pembaruan pada @niklasvh ini, saya menghadapi masalah yang sama.

abhasg pada 8 Apr 2014

+1 untuk menyelesaikan masalah ini. @niklasvh dapatkah Anda memberi kami petunjuk untuk mencoba menyelesaikan ini?

fbotti pada 19 Jun 2014

Ada perbaikan sederhana untuk ini, cukup tambahkan ini if sebelum ada sakelar posisi di 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) {
          ........
     }
}