Less.js: قم بتضمين وظائف عكس إلى اللون

تم إنشاؤها على ٢١ يناير ٢٠١٢ · 6تعليقات · مصدر: less/less.js

أنا أستخدمه حاليًا
color: hsl(hue(@black), saturation(@black), 100 - lightness(@black));
لعكس الألوان ولكن
color: invert(@color)
سيكون بناء الجملة أفضل بكثير للوظيفة.

رمز الوظيفة:

 عكس: الوظيفة (اللون) {
 var rgb = [255 - color.rgb [0] ،
 255 - color.rgb [1] ،
 255 - color.rgb [2]] ؛ 
 إرجاع جديد (tree.Color) (rgb) ؛
 } ،

لقد اختبرت ذلك باستخدام less.js 1.2.1 لذا فهو يعمل

feature request medium priority up-for-grabs

مصدر

Oskariok

👍3

التعليق الأكثر فائدة

+1 لهذا:
فقط للتوضيح ، هل تقصد أنك تستخدم

hsl(hue(@color), saturation(@color), 100 - lightness(@color));

ascottmccauley في ١٦ يونيو ٢٠١٢

👍2

ال 6 كومينتر

المنشور الأصلي المحدث

Oskariok في ٢ فبراير ٢٠١٢

+1 لهذا:
فقط للتوضيح ، هل تقصد أنك تستخدم

hsl(hue(@color), saturation(@color), 100 - lightness(@color));

ascottmccauley في ١٦ يونيو ٢٠١٢

👍2

+1 كذلك.

srsgores في ٢ مايو ٢٠١٣

هذا يمكن أن يتحقق الآن مع النفي

http://lesscss.org/functions/#color-blending-Negation

lukeapage في ٢٠ فبراير ٢٠١٤

ليس حقًا negation . كود جافا سكريبت المنشور بواسطة Oskariok بسيط أقل (#fff - @color) أو يساوي difference(#fff, @color) . ومع ذلك ، فإن الرمز الأقل الذي اقترحه ascottmccauley في وقت لاحق ليس هو نفسه ، فهو يعكس فقط خفة اللون (لذلك لا تتطابق مقتطفات أقل وجافا سكريبت من المنشور الأول مع بعضها البعض). يمكن أيضًا تحقيق "عكس الإضاءة" بتقليل الإسهاب: spin((#fff - @color), 180);