أدوات مجانية
العربية
إنشاء أنماط SVG
إنشاء أنماط SVG — اختر الأبعاد أو الألوان وراجع الكود أو النتيجة. تبقى مدخلات الأداة على جهازك. دون حساب.
دون حساب
جارٍ تحميل الأداة…
طريقة الاستخدام
- 1أدخل القيم واختر الخيارات.
- 2شغّل الأداة وراجع النتيجة.
- 3انسخ النتيجة أو غيّر المدخلات للمقارنة.
معلومات مفيدة
تحقق من النطاقات والوحدات. تعتمد النتائج على مدخلاتك ومتصفحك.
قد تعالج الإعلانات بيانات الاتصال. يتبع التخصيص خيارات خصوصيتك. الخصوصية (الإنجليزية)
مثال محسوب للمدخلات والمخرجات
هذه نتائج المحرك الفعلي بالقيم التجريبية أدناه، دون مدخلاتك الشخصية أو عملك المحفوظ. حمّل المثال في الأداة لمراجعة المدخلات نفسها.
مدخل تجريبي
| الحقل | القيمة |
|---|---|
| الوضع | نقاط |
| اللون | #0F766E |
| لون الخلفية | #FFFFFF |
| تباعد النمط (px) | 24 |
| سمك الخط أو نصف قطر النقطة (px) | 2 |
نتيجة المثال
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 400 400"><defs><pattern id="p" width="24" height="24" patternUnits="userSpaceOnUse"><rect width="24" height="24" fill="#FFFFFF"/><circle cx="12" cy="12" r="2" fill="#0F766E"/></pattern></defs><rect width="400" height="400" fill="url(#p)"/></svg>
شروط الإدخال
هذه حدود التحقق الفعلية، ولا تضمن أن كل قيمة مقبولة واقعية أو مناسبة لحالتك.
- الوضع: الخيارات المتاحة: نقاط / خطوط / شبكة
- تباعد النمط (px): النطاق المقبول: 4 ≤ x ≤ 200
- سمك الخط أو نصف قطر النقطة (px): النطاق المقبول: 0.1 ≤ x ≤ 20