Html2canvas: التدرج الخطي مع زاوية (0deg) لا يتم عرضها

تم إنشاؤها على ١١ مارس ٢٠١٣ · 8تعليقات · مصدر: niklasvh/html2canvas

أهلا !

بادئ ذي بدء ، البرنامج المساعد الجميل هنا! أنا فقط بحاجة إلى شيء من هذا القبيل ؛)

لدي سؤال حول التدرج.

يتم عرض التدرجات عندما يتم تحديد الزاوية بكلمة (أعلى ، يسار ، ...) ، ولكن ليس عندما أضع زاوية في الدرجة (على سبيل المثال: التدرج الخطي (0deg ، rgb (0 ، 0 ، 0) 0٪) ، rgb (255 ، 255 ، 255) 100٪) لن يعمل).

هل هناك طريقة لإصلاح هذا ؟ لأنني أستخدم الكثير من التدرجات بقيم الدرجات :)

شكرا !

Bug

مصدر

nammu

ال 8 كومينتر

شكرا للمعلومة.

هناك طريقة لإصلاحها ، لكن ليس لدي الوقت حاليًا لذلك. سأضيفها إلى الأعمال المتأخرة وأعود إليها عندما يكون لدي الوقت.

niklasvh في ١٤ مارس ٢٠١٣

ربما ، لا يعمل أي من التدرجات.
نحن نستخدم تدوينًا مختلفًا عن 0 درجة: التدرج الخطي (إلى الأسفل ، اللون ، اللون) ؛

oosterholt في ١٨ يوليو ٢٠١٣

هل هناك أي تحديثات على niklasvh هذا ، أواجه نفس المشكلة.

abhasg في ٨ أبريل ٢٠١٤

+1 لحل هذه المشكلة. niklasvh هل يمكن أن تعطينا فكرة لمحاولة حل هذا؟

fbotti في ١٩ يونيو ٢٠١٤

هناك حل بسيط لهذا ، فقط أضف هذا 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) {
          ........
     }
}