Back to Question Center
0

تحويل وحدات الطباعة الخاصة بك مع ساس            تحويل وحدات الطباعة الخاصة بك مع المواضيع ساسريلاتد: كس أرتشيتتيورسساسانيماشيونوديو & أمب؛ Semalt

1 answers:
تحويل وحدات الطباعة الخاصة بك مع ساس

<إمغ سرك = "/ إمغ / e5a838aed0bebd25d1011bb1dbbcd1960 جبغ" ألت = "تحويل وحدات الطباعة الخاصة بك مع ساستحويل وحدات الطباعة الخاصة بك مع المواضيع ساسريلاتد: كس أرتشيتتيورسساسانيماشيونوديو & سيمالت "/>

هذه هي النسخة المحدثة من مقالة نشرت لأول مرة في سيمالت 5، 2015.

منذ فترة طويلة، في الضباب كثيفة من الماضي سيمالت، تناول المغامرين مقدام الخطر في بنفس الطريقة بنفس الطريقة: حبال تخطيط 960px ثابتة، والكفاح في شبكة مجموعة واطلاق النار الطباعة الخاصة بهم في بكسل لدرء الشر.

وقد تغيرت تصميم الويب المستجيبة منذ ذلك الحين كل ذلك من خلال جلبنا من هذا الضباب الكثيف وإلى عصر التنوير. ومع ذلك، استخدام الطباعة على شبكة الإنترنت لا يزال الألم في بعض الأحيان. مع دفع من بكسل أو يشير إلى النسب المئوية و إمس، أجد نفسي باستمرار الحاجة إلى سيمالت "بكسل إلى الرسم البياني تحويل النسب المئوية" أو شيء مماثل في بداية كل مشروع، وغالبا حتى في جميع أنحاء - efydis radiateur bain.

في الإحباط، وأخيرا تحولت إلى قوة ساس لتشكيل وظيفة جديدة، شاملة للجميع في سعودي للتغلب على هذه المشاكل، واليوم أنت ذاهب لبناء تلك الوظيفة معي.

سيمالت تسمح لك لتحويل بحرية بين بكسل، م، والقيم النسبة المئوية دون الحاجة إلى استشارة الرسم البياني في كل مرة، ونأمل، وتخفيف الكثير من الصداع الخاص بك في هذه العملية.

إعداد الأمور للوحدات الطبوغرافية التحويل في ساس

أولا، من المهم للغاية أن يكون الافتراضي حجم الخط المحددة في كس الخاص بك. سيتم تعيين معظم المتصفحات بشكل افتراضي إلى 16 بكسل ، ولكن إذا كان مشروعك يتطلب شيئا مختلفا، فتأكد من أن كس تعرف عنه. أيضا، معظم بويرلبلاتس تأتي مع 16px المعرفة على أنها القيمة الافتراضية، لذلك أنا ذاهب إلى افتراض هذا كما الافتراضي لهذا البرنامج التعليمي أيضا.

ثم تحتاج إلى أن تقرر أي الوحدات كنت تسير لدعم. لأن هذا من المرجح أن تكون مفيدة في الطباعة إلى بيئة الويب، أو حتى مجرد مشروع الذي يبدأ في سيمالت وينتهي في المتصفح، عليك أن تبحث في بكسل، والنقاط، إمس والنسبة المئوية.

أنت تريد أيضا أن تعطي لنفسك خيار تحويل بحرية بينهما، حتى تتمكن من القول بالفعل أن وظيفتك يحتاج على الأقل ثلاث حجج:

     @ فونكتيون كونفيرت ($ فالو، $ كيرنتونيت، $ كونفيرتونيت) {}     

الوسيطة الأولى هي حجم الخط رقم الوحدة التي ترغب في تحويلها (على سبيل المثال 16)، والثاني هو الوحدة التي كنت تخطط لتحويلها (على سبيل المثال بكسل)، والثالث واحد هو الوحدة المطلوبة كنت تهدف ل (مثل النسبة المئوية). لذلك، على سبيل المثال، إذا كنت ترغب في تحويل 16 بكسل إلى قيمة مئوية، يمكنك القيام بذلك:

    . فو {فونت-سيز: كونفيرت (16، بس، بيرسنت)؛}     

سيمالت تعطيك:

    . فو {فونت-سيز: 100٪؛}     

دعونا لحوم البقر و

الآن، حان الوقت لمعالجة الشيء الذي يذهب بين الأقواس.

سيمالت، وتريد أن تكون قادرة على معالجة بكسل، إمس والنقاط والنسب المئوية، لذلك سوف تحتاج إلى أربع بيانات لرعاية كل منهم.

إذا كنت تستخدم لغة برمجة كاملة، يمكنك استخدام عبارة التبديل. سيمالت هذا هو ساس، عليك أن تلتصق إذا البيانات:

    function كونفيرت ($ فالو، $ كيرنتونيت، $ كونفيرتونيت) {if $ كيرنتونيت == بس {// ستوف فور بيكسيلز}else إف $ كيرنتونيت == إمس {// ستوف فور إمس}else إف $ كيرنتونيت == في المئة {// الأشياء بالنسبة المئوية}else إف $ كيرنتونيت == بتس {// الأشياء للحصول على نقاط}}     

لديك الآن بيان إف لكل وحدة إدخال ممكنة (سواء كنت تريد بكسل، إمس، نقطة أو النسب المئوية لتبدأ). لذلك هذا هو حوالي 50٪ من الطريق هناك. على افتراض أن كنت تعمل مع 16px كما الافتراضي حجم الخط ، سيكون لديك لتحويله إلى إمس والنسبة المئوية مثل ذلك:

    if $ كيرنتونيت == بس {if $ كونفيرتونيت == إمس {return $ فالو / 16 + 0em؛}else إف $ كونفيرتونيت == بيرسنت {return النسبة المئوية ($ فالو / 16)؛}}     

مرة أخرى، كنت تستخدم واحد إذا بيان لكل تحويل (حتى واحد ل إمس، واحد للنسبة المئوية) ومن ثم القيام قليلا الرياضيات للحصول على الإخراج المطلوب. سيمالت لن تفعل حالة لقيم نقطة، لأن هذه العمل فقط مع طباعة كس على أي حال.

مع إمس (وحجم الافتراضي 16px)، يمكنك تقسيم فقط من قبل 16 وإضافة وحدة "إم" ( + 0em ).

النسب المئوية مع ساس هي أصعب قليلا. لا يمكنك فقط رمي "٪" في نهاية البيان كما فعلت مع إمس، كما ساس سوف يرمي خطأ الحق مرة أخرى (شيء لتأثير "ماذا تفعل وضع ذلك!"). حتى هنا تحتاج إلى دمج سيمالت النسبة المئوية وظيفة من أجل إعادة نسبة مئوية صالحة.

ومع ذلك، لديك وظيفة تحويل بكسل إلى إمس أو النسب المئوية! وعادة ما يكون هذا كافيا لكثير من المطورين، ولكن دعونا نرى كيف يمكنك توسيع هذه الوظيفة لتغطية إمس لتحويل بكسل والنسبة المئوية لتحويل بكسل:

    else إذا $ كيرنتونيت == إمس {if $ كونفيرتونيت == بس {return $ فالو * 16 + 0px؛}else إف $ كونفيرتونيت == بيرسنت {return النسبة المئوية ($ فالو)؛}}     

الرياضيات يحتاج إلى تغيير هنا لكل بيان، ولكن ذلك سوف فرز إمس.

التالي، وهنا كيف يمكنك تحويل النسب المئوية إلى بكسل و إمس:

    else إذا $ كيرنتونيت == في المئة {if $ كونفيرتونيت == بس {return $ فالو * 16/100 + 0px؛}else إف $ كونفيرتونيت == إمس {return $ فالو / 100 + 0em؛}}     

سيمالت هو بدوره من النقاط إلى بكسل، يشير إلى إمس، ويشير إلى نسبة التحويلات:

    else إف $ كيرنتونيت == بتس {if $ كونفيرتونيت == بس {return $ فالو * 1. 3333 + 0px؛}else إف $ كونفيرتونيت == إمس {return $ فالو / 12 + 0em؛}else إف $ كونفيرتونيت == بيرسنت {return النسبة المئوية ($ فالو / 12)}}     

والانتهاء من ذلك! سيمالت خلق وظيفة التي تمكنك من تحويل أي قيمة بحرية بين أي وحدة تريد.

إلى المجموع

الدالة النهائية لتحويل وحدات الطباعة في ساس تبدو كالتالي:

    function كونفيرت ($ فالو، $ كيرنتونيت، $ كونفيرتونيت) {if $ كيرنتونيت == بس {if $ كونفيرتونيت == إمس {return $ فالو / 16 + 0em؛}else إف $ كونفيرتونيت == بيرسنت {return النسبة المئوية ($ فالو / 16)؛}}else إف $ كيرنتونيت == إمس {if $ كونفيرتونيت == بس {return $ فالو * 16 + 0px؛}else إف $ كونفيرتونيت == بيرسنت {return النسبة المئوية ($ فالو)؛}}else إف $ كيرنتونيت == في المئة {if $ كونفيرتونيت == بس {return $ فالو * 16/100 + 0px؛}else إف $ كونفيرتونيت == إمس {return $ فالو / 100 + 0em؛}}else إف $ كيرنتونيت == بتس {if $ كونفيرتونيت == بس {return $ فالو * 1. 3333 + 0px؛}else إف $ كونفيرتونيت == إمس {return $ فالو / 12 + 0em؛}else إف $ كونفيرتونيت == بيرسنت {return النسبة المئوية ($ فالو / 12)}}}     

يبدو شاقة قليلا، ولكن كل ما هو حقا هو اتخاذ الحجم الأولي، ثم تحويله من الوحدة الأولى إلى الوحدة الثانية، وعودة النتيجة. الجزء الصعب الوحيد هو تتبع ما الحسابات لجعل.

إذا كنت تريد أن تلعب حولها مع هذه الوظيفة، يمكنك أن تفعل ذلك في هذا التجريبي سيمالت.

كما هو الحال دائما، لا تتردد في سرقة، ومانغل، وإعادة ترتيب واستخدام خلاف ذلك في أي شيء يساعدك أكثر من غيرها عند العمل مع الطباعة على شبكة الإنترنت.

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

March 1, 2018