مولّد التدرج الشبكي (Mesh Gradient)
أنشئ تدرجًا لونيًا شبكيًا متعدد النقاط مباشرةً على عنصر canvas دون الحاجة إلى استيراد صورة. اضبط عدد النقاط وألوانها، ثم صدّر النتيجة بصيغة PNG أو انسخ ما يعادلها من كود CSS.
كيف يعمل
تعمل كل نقطة ملوّنة كمصدر تأثير: فبالنسبة إلى كل بكسل في عنصر canvas، يكون اللون النهائي متوسطًا مرجّحًا لألوان جميع النقاط، ويزداد وزن النقطة كلما اقتربت من البكسل (ترجيح بعكس المسافة). وينتج عن ذلك تدرج سلس وعضوي بين الألوان التي اخترتها.
هل سيعطي كود CSS المنسوخ النتيجة نفسها تمامًا كملف PNG؟
لا، فكود CSS المُنشأ يعتمد على تراكب تدرجات شعاعية أصلية في CSS، وهو يعطي مظهرًا قريبًا لكنه ليس مطابقًا بكسلًا ببكسل للاستكمال بعكس المسافة المحسوب على عنصر canvas. إنه تقريب خفيف وأمين يمكن استخدامه مباشرةً كخلفية لموقع ويب.
لماذا تتغير النتيجة عند كل نقرة على «مواضع عشوائية»؟
تُسحب مواضع النقاط عشوائيًا ضمن حدود عنصر canvas عند كل عملية توليد. وبالجمع بينها وبين الألوان التي تختارها، يمكنك استكشاف عدد كبير من أشكال التدرج الشبكي بسرعة دون تحديد مواضع النقاط يدويًا.
يُحسب العرض كله محليًا في متصفحك: لا تُرسل أي بيانات إلى خادم، حتى لو لم تقدّم أي صورة.