زهرة
مجاني، بلا تسجيل، يعمل داخل متصفحك.
أنصاف الأقطار المتناوبة نفسها التي في النجمة، لكن بالنعومة عند أقصاها، فيصير كل طرف بتلة مستديرة. والنتيجة نباتية أكثر منها هندسية، وتعمل جيدًا كبيرةً باهتةً خلف المحتوى.
الإعدادات التي وراءه
| المولّد | كتلة |
|---|---|
| النقاط | 6 |
| العشوائية | 10% |
| النعومة | 150% |
| البذرة | 701 |
ما يجدر معرفته
- النعومة القصوى تحوّل كل شوكة إلى بتلة.
- ست بتلات هي الأقرب إلى زهرة؛ وأربع تُقرأ برسيمًا، وعشر أقحوانة.
- عند 557 بايت هي أكثر الأشكال تفصيلًا هنا، لأن كلًّا من النقاط الاثنتي عشرة يحمل مقطعًا تكعيبيًا.
كم يكلّف بالبايت
هذا الشكل بعينه يبلغ 557 بايت بصيغة SVG و718 بايت كخلفية CSS — وعنوان البيانات أكبر لأن الترميز بالنسبة المئوية يكلّف ثلاثة محارف عن كل محرف يهرّبه. والرقمان كلاهما للشكل المعروض أعلاه، بدقة منزلتين عشريتين في الإحداثيات.
| الصيغة | الحجم |
|---|---|
| SVG | 557 B |
| خلفية CSS | 718 B |
| clip-path في CSS | 775 B |
| border-radius في CSS | 104 B |
بداية ملف SVG الخاص بـ زهرة
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 37.57C108.24 37.5,102.78 63.66,116.56 71.31C130.34 78.96,151.28 61,155.12 68.18C158.96 75.35,131.93 84.08,131.94 100C131.95 115.92,159.03 124.73,155.15 131.84C151.28 138.96,130.22 121.26,116.43 128.46C102.64 135.66,108.05 160.93,100 160.64C91.9…
بمزيد من التفصيل
هذا أغلى شكل في الفهرس، وعدّاد البايتات يجعل ذلك مرئيًا قبل أن تنشره. وإن أردت المظهر بثمن أقل فانزل إلى أربع بتلات: تنخفض الكلفة إلى النصف، وعند الأحجام التي يُستخدم فيها شكل خلفية عادةً يصعب رؤية الفرق.
أسئلة
كيف أغيّر زهرة بعد الحصول عليه؟
افتح المولّد، واضغط زهرة في صف الإعدادات المسبقة، ثم حرّك ما شئت. الإعداد المسبق نقطة انطلاق لا قفل — تبقى كل المؤشرات فعّالة، وصندوق البذرة يقبل كلمة إن فضّلت تسمية شكلك بدل ترقيمه.
هل سيبدو كما هو في المرة القادمة؟
نعم، ما دامت البذرة نفسها. هذا هو البذرة 701 بـ 6 نقطة. المولّد حتمي، فهذه الإعدادات تعيد إنتاج هذا المنحنى بعينه على أي جهاز.
هل يمكنني استخدام لون مختلف؟
نعم — اللون يُطبَّق عند التصدير ولا يكون مخبوزًا في الهندسة. المعاينة أعلاه تستخدم اللون الافتراضي للأداة؛ اختر لونك في المولّد وسيتبعه ملف SVG وخلفية CSS وclip-path جميعًا.
كل رقم وكل شكل في هذه الصفحة أُنتج بتشغيل المولّد وقت البناء، فهو يصف الأداة التي أنت على وشك استخدامها لا نسخة كانت موجودة يومًا.