كيفية إنشاء التدرج اللوني في قماش: دليل مفصل

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

أولا ، تحتاج إلى إنشاء لوحة قماشية على صفحة ويب باستخدام العلامة' ` يمكن القيام بذلك على النحو التالي:

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

كونست قماش = وثيقة.جيتليمنتبيد ('قماش');

كونست كتكس = قماش.جيتكونتيكست ('2د');

كونست التدرج = كتكس.كريتلينريغرادينت (0 ، 0 ، 200 ، 0);

في المثال أعلاه ، أنشأنا تدرجا أفقيا يبدأ من النقطة (0 ، 0) وينتهي عند النقطة (200 ، 0). يمكننا إضافة توقف اللون إلى التدرج باستخدام طريقة 'أدكولورستوب'. على سبيل المثال ، لإنشاء تدرج من الأحمر إلى الأزرق ، يمكننا إضافة محطتين بألوان متطابقة:

بعد إضافة كل نقاط توقف الألوان ، نحن على استعداد لرسم تدرج على اللوحة القماشية. مجرد استدعاء طريقة 'فيلستيل' من السياق وتعيين قيمته إلى التدرج أنشأنا:

سي تي إكس.فيلستيل = التدرج;

الآن يمكننا استدعاء أساليب الرسم مثل 'فيلريكت' لرسم الأشكال باستخدام التدرج:

سي تي إكس.فيلركت (0 ، 0 ، 200 ، 200);

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

1. الحصول على التدرج اللوني
2. استخدام قماش لإنشاء التدرج
3. خطوات إنشاء تدرج في اللوحة القماشية
4. سؤال وجواب
5. كيف يمكنني إنشاء التدرج اللوني في قماش?
6. كيف يمكنني تحديد الألوان للتدرج?
7. هل من الممكن إنشاء التدرج شعاعي في قماش?

الحصول على التدرج اللوني

التدرج اللوني هو انتقال سلس من لون إلى آخر أو عدة ألوان. يستخدم هذا التأثير على نطاق واسع في التصميم وتطوير الويب لجعل الصور والعناصر تفاعلية وجذابة.

هناك عدة طرق لإنشاء تدرج لوني. دعونا ننظر إلى بعض منهم:

1. التدرج الخطي: يخلق هذا النوع من التدرج انتقالا سلسا من لون إلى آخر في شكل خط أو مستطيل. لإنشاء تدرج خطي ، يجب عليك تحديد لون البداية ولون النهاية واتجاه الانتقال.
2. التدرج الشعاعي: على عكس التدرج الخطي ، يخلق التدرج الشعاعي انتقالا من لون إلى آخر على شكل دائرة أو قطع ناقص. من الضروري تحديد مركز ونصف قطر الدائرة التي سيتم وضع التدرج داخلها.
3. المرافق والمكتبات: يوفر تطوير الويب العديد من الأدوات والمكتبات التي تبسط إنشاء التدرجات. على سبيل المثال ، يوفر كس 3 القدرة على استخدام خاصية صورة الخلفية لتعيين خلفية متدرجة لعنصر ما.

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

استخدام قماش لإنشاء التدرج

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

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

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

لإنشاء تدرج ، يجب عليك:

1. إنشاء عنصر على صفحة ويب.
2. للحصول على سياق قماش باستخدام طريقة جيتكونتيكست ().
3. تحديد نقاط البداية والنهاية من التدرج أو مركز ونصف قطر التدرج.
4. إنشاء التدرج باستخدام طريقة كريتيلينارغرادينت() أو كريتيراديالغرادينت ().
5. تحديد الألوان ومواقعها في التدرج باستخدام طريقة أدكولورستوب ().
6. ارسم تدرجا على اللوحة القماشية باستخدام طريقة فيلريكت () أو طرق الرسم الأخرى.

مثال:

// الخطوة 1: إنشاء عنصر

// الخطوة 2: احصل على سياق اللوحة القماشية

فار قماش = وثيقة.جيتليمينتبيد ('ميكانفاس');

فار كتكس = قماش.جيتكونتيكست ('2د');

// الخطوة 3: حدد نقطتي البداية والنهاية للتدرج

فار س0 = 0 ؛ / / نقطة بداية التدرج الأفقي

فار ص0 = 0 ؛ / / نقطة بداية التدرج العمودي

فار س 1 = قماش.عرض ؛ / / نقطة نهاية التدرج الأفقي

فار ص1 = 0 ؛ / / نقطة نهاية التدرج العمودي

// الخطوة 4: إنشاء التدرج

فار التدرج = كتكس.كريتيلينيرادينت (س0 ، ص0 ، س1 ، ص1);

// الخطوة 5: تحديد الألوان ومواقعها في التدرج

التدرج.أدكولورستوب (0 ، 'الأحمر') ؛ / / بداية التدرج ، الأحمر

التدرج.أدكولورستوب (1 ، 'الأزرق') ؛ / / نهاية التدرج ، الأزرق

// الخطوة 6: ارسم التدرج اللوني على اللوحة القماشية

سي تي إكس.فيلستيل = التدرج;

سي تي إكس.فيلريكت (0 ، 0 ، قماش.العرض ، قماش.الارتفاع);

نتيجة لهذا المثال ، سترى تدرجا متدرجا ينتقل من اللون الأحمر في البداية إلى اللون الأزرق في نهاية التدرج اللوني.

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

خطوات إنشاء تدرج في اللوحة القماشية

يمكن إنشاء تدرج لوني في اللوحة القماشية في الخطوات التالية:

1. إنشاء عنصر قماش: أولا ، تحتاج إلى إنشاء عنصر في مستند هتمل باستخدام سمات العرض والارتفاع لتعيين أبعاد قماش.
2. احصل على سياق اللوحة القماشية: بعد ذلك ، تحتاج إلى الحصول على سياق الرسم قماش باستخدام طريقة جيتكونتيكست (). على سبيل المثال ، يمكنك استخدام التعليمات البرمجية التالية:
3. تعيين التدرج: الآن يمكنك إنشاء كائن التدرج باستخدام طريقة كريتيلينارغرادينت() أو كريتيراديالغرادينت () في سياق الرسم. على سبيل المثال ، بالنسبة للتدرج الخطي ، يمكنك استخدام الكود التالي:
4. إضافة توقف اللون: ثم يمكنك إضافة توقف اللون إلى التدرج الخاص بك باستخدام طريقة أدكولورستوب (). يمكنك إضافة أي عدد من المحطات. على سبيل المثال:
5. تطبيق التدرج: أخيرا ، يمكنك تطبيق التدرج اللوني الخاص بك على شكل أو منطقة معينة في اللوحة القماشية باستخدام طرق الرسم مثل فيلريكت() أو ملء(). على سبيل المثال:

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

سؤال وجواب

كيف يمكنني إنشاء التدرج اللوني في قماش?

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

كيف يمكنني تحديد الألوان للتدرج?

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

هل من الممكن إنشاء التدرج شعاعي في قماش?

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