مولّد صور بتدرج شعاعي عبر الإنترنت

مثال عملي: إنشاء صورة غلاف بتدرج شعاعي

لنفترض أنك تريد صورة غلاف لوسائل التواصل بأبعاد 1200×630 بكسل. اختر لون المركز أزرق (#3B82F6) ولون الحافة وردي (#EC4899). اترك المركز عند 50% أفقيًا و50% رأسيًا والمقياس 100%. عند التوليد، سترسم المتصفح دوائر متحدة المركز من المركز (600,315) بنصف قطر خارجي يبلغ حوالي 677.66 بكسل، وهو ما يكفي لتغطية الزوايا الأربع. إذا زدت المقياس إلى 200%، ينخفض نصف القطر إلى حوالي 338.83 بكسل، مما يترك زوايا بلون الحافة.

الضوابط الفعلية المتاحة

• لون المركز ولون الحافة (بأي تنسيق لون يدعمه المتصفح).
• أبعاد الصورة: عرض وارتفاع من 1 إلى 10000 بكسل، مع حد أقصى 24 مليون بكسل للإخراج.
• المركز الأفقي والرأسي: قيم من 0 إلى 100%.
• المقياس: من 1% إلى 500%.
• خيار شفافية نقطة النهاية: عند التفعيل، تُحوَّل نسبة الشفافية إلى ألفا (1 - النسبة/100)، فمثلاً 25% تعطي ألفا 0.75.

القيود والملاحظات

لا توجد أوضاع بيضاوية، ولا نقاط توقف إضافية، ولا إزاحة بؤرية، ولا نسيج أو صورة مرفوعة. المناطق خارج الدائرة الخارجية تستخدم لون الحافة دون تكرار. إذا طلبت أبعادًا كبيرة جدًا، تُخفَّض الأبعاد نسبيًا لتناسب حد البكسل. التوليد يتم محليًا في المتصفح ولا يتطلب رفع أي ملفات.

الأسئلة الشائعة

هل يمكنني تحريك المركز إلى زاوية الصورة؟

نعم، يمكنك ضبط المركز إلى 0% أفقيًا و0% رأسيًا، وسيتم وضع نقطة الأصل في الزاوية العلوية اليسرى بدلاً من العودة إلى 50%،50%. لاحظ أن نصف القطر لا يتمدد ليشمل الزاوية البعيدة عند تحريك المركز، لذا قد تبقى بعض المناطق بلون الحافة.

كيف تؤثر قيمة المقياس على نصف القطر؟

المقياس يتحكم في نصف قطر الدائرة الخارجية. الصيغة هي: نصف القطر = hypot(العرض، الارتفاع) / (2 × المقياس). على سبيل المثال، لأبعاد 1200×630، عند مقياس 100% يكون نصف القطر حوالي 677.66 بكسل، وعند مقياس 200% يصبح حوالي 338.83 بكسل.

هل يمكنني الحصول على شفافية جزئية في الصورة النهائية؟

نعم، عند تفعيل خيار شفافية نقطة النهاية، يمكنك تحديد نسبة شفافية لكل لون. تُحول النسبة إلى قيمة ألفا (1 - النسبة/100)، وتُحفظ الصورة بصيغة PNG للحفاظ على الشفافية. على سبيل المثال، شفافية 25% تعني ألفا 0.75.