آشنایی با زبان Stylus ( قسمت دهم ) : توابع از پیش تعریف شده - بخش دوم

- visibility ۲ mode_comment

در این مطلب ادامه توابع رو براتون توضیح میدم.

hsla و hsl و rgba و rgb :

با استفاده از این توابع میتونین مقادیر رنگی درست کنید. hsla و rgba رنگهایی با شفافیت هستند. به عنوان پارامتر میتونین یک کد HEX رو وارد کنید ، یا اینکه مقادیر r و g و b و a رو جداگونه وارد کنید.

مثال rgb :

مثال rgba :

مثال hsl :

مثال hsla :

 blend :

این تابع دو رنگ را به عنوان ورودی دریافت میکند و مخلوطی از اونارو به ما تحویل میده. پارامتر دوم دلخواه هست و اگر مشخص نشه ، مقدار پیش فرضش رنگ سفید هست. یعنی رنگ شمارو با رنگ سفید مخلوط میکنه و نتیجه رو بهتون نشون میده.

 lighten و darken :

تابع darken رنگ مورد نظر رو تیره میکنه و تابع lighten رنگ مورد نظر رو روشن میکنه. پارامتر دوم میتونه یه عدد خالی باشه ، یا بصورت درصدی باشه. مثال :

 saturate و desaturate :

تابع saturate یک رنگ رو سیر تر یا اشباع تر میکنه و تابع desaturate برعکس عمل میکنه. پارامتر دوم رو بصورت درصدی قرار میدهیم. مثال :

 complement و invert و grayscale :

تابع complement یک رنگ رو دریافت میکنه و مکمل اون رنگ رو به ما میده. این کار دقیقا مثل اینه که خصوصیت hue رو 180 درجه تغییر بدیم. مثال :

تابع invert هر کدوم از مقادیر red و green و blue رو معکوس میکنه. مثال :

تابع grayscale دقیقا مثل اینه که 100 درجه اون رنگ رو desaturate کنیم. مثال :

 tint و shade :

هر کدوم از این توابع دو آرگومان دریافت میکنن. آرگومان اول رنگ مورد نظر و پارامتر دوم هم مقدار مخلوط شدن هست. تابع tint اون رنگ رو با سفید و تابع shade اون رنگ رو با مشکی ترکیب میکنه. مثال :

 luminosity :

میزان درخشندگی یک رنگ رو به ما میگه. خروجی عددی بین 0 و یک است ، که صفر مربوط به سیاه و یک مربوط به سفید هست. مثال :

 dirname و extname :

این توابع یک مسیر ( Path ) رو بعنوان ورودی دریافت میکنن و روی اون پردازش انجام میدن. تابع dirname نام پوشه جاری و تابع extname نام extension فایل جاری رو به ما تحویل میده. همچنین تابع basename نام خود فایل همراه با extension رو به ما تحویل میده. مثال :

 pathjoin :

این تابع دو مسیر رو دریافت میکنه و اونا رو بهم متصل میکنه. مثال :

 operate :

با استفاده از این تابع میتونین عملیاتی مثل + و - و ... رو بر روی دو عدد انجام بدین. آرگومان اول عملیات مورد نظر هست و آرگومانهای دوم و سوم هم به ترتیب عدد سمت چپ و راست اون عملیات هستن. مثال :

 warn و error :

این توابع ، یک پیام رو دریافت میکنن و در مواقع مشخصی که ما اونا رو تعیین میکنیم نمایش داده میشن. فرق warn با error در اینه که ، error باعث خروج از برنامه میشه و اجرای کدها متوقف میشه ، ولی warn اینطور نیس و اجرای برنامه متوقف نمیشه.

مثال warn :

مثال error :

 oposite-position :

این تابع یک مکان ( Position ) رو دریافت میکنه و در خروجی معکوس اون رو به ما تحویل میده. مثال :

 image-size :

این تابع مسیر یک عکس رو دریافت میکنه و width و height اون رو در خروجی به ما تحویل میده. مثال :

توابع بسیار زیاد دیگه ای هم وجود دارن که میتونین خودتون اونارو مطالعه کنید.

امیدوارم بدردتون بخوره.

موفق باشید. یا علی

comment دیدگاه کاربران

سلام بنده مدیر سایت خبر ایران هستم
من 3سال است که با سون لرن آشنا شده ام و همیشه دنبال کننده سون لرن بوده ام
امیدوارم همیشه موفق و سربلند باشید

محمد اسفندیاری

مرسی از لطف شما
امیدوارم شما هم موفق باشید

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.