حصاة

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

الإعدادات التي وراءه

ما يجدر معرفته

• خمس نقاط تعطي ظلًّا خارجيًا بعدد فردي، فتتفادى التناظر العَرَضي الذي يأتي مع ست.
• عشوائية معتدلة: غير منتظم، لكن تظل الفصوص متقاربة الحجم.
• أقرب شكل هنا إلى ما يستطيع border-radius محاكاته، إن فضّلت ألّا تشحن ملف SVG.

كم يكلّف بالبايت

هذا الشكل بعينه يبلغ 294 بايت بصيغة SVG و455 بايت كخلفية CSS — وعنوان البيانات أكبر لأن الترميز بالنسبة المئوية يكلّف ثلاثة محارف عن كل محرف يهرّبه. والرقمان كلاهما للشكل المعروض أعلاه، بدقة منزلتين عشريتين في الإحداثيات.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 41.28C122.08 40.79,161.83 60.16,167.4 78.1C172.96 96.04,149.18 132.27,131.81 143.78C114.43 155.29,83.98 154.88,68.12 143.87C52.27 132.87,35.62 98.85,41.2 80.89C46.78 62.94,77.92 41.76,100 41.28Z" fill="#4f46e5"/></svg>

بمزيد من التفصيل

الحصاة هي الكتلة الأجدر بالمقارنة بين صيغ التصدير. بصيغة SVG هي دقيقة؛ وبصيغة border-radius هي تقريب بأربع زوايا، لا يستطيع إنتاج خمسة فصوص ولا ينبغي أن يتظاهر بذلك. ولهذا يُقدَّم ناتج border-radius بوصفه شكلًا قائمًا بذاته لا بوصفه الشكل نفسه بصيغة أخرى، لأن تقديمه على غير ذلك كذبة لا تكتشفها إلا بعد النشر.

أسئلة

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