طريقة الاستخدام
- انقر اختر ملفاً أو أسقط صورة في المربع. ويمكنك أيضاً لصقها بالضغط على Ctrl+V.
- اكتب كلماتك في النص. اضغط Enter لسطر جديد، أو انقر أضف نصاً لمربع نص ثانٍ.
- اضبط الخط والحجم (٪ من الضلع الأقصر) ولون النص والمحاذاة. أضف الحد الخارجي أو ظلاً إذا كان النص صعب القراءة.
- اسحب النص على الصورة لتضعه، أو اضبط عبر الصورة (٪) وأسفل الصورة (٪).
- اختر صيغة الملف الناتج وانقر تنزيل الصورة.
الخطوط والحدود والظلال
يُرسم النص بدقة الصورة نفسها. وحجم النص نسبة من الضلع الأقصر للصورة، لذلك يبدو التخطيط نفسه على صورة صغيرة وعلى صورة كبيرة. Onest وBricolage هما خطا هذا الموقع، ولا يحتوي أيٌّ منهما على الحروف العربية، لذلك يُرسم النص العربي بخط من خطوط جهازك. أما الخطوط الأخرى فهي مثبتة على جهازك، وقد تبدو مختلفة على جهاز آخر.
يُرسم الحد حول كل حرف، ويقع الظل إلى أسفل يمين النص. والحد الرفيع بلون داكن يُبقي النص الأبيض واضحاً على سماء ساطعة.
قراءة النص على الصورة
ضع النص حيث تكون الصورة هادئة، مثل السماء أو جدار بسيط أو شريط داكن، واختر لوناً يبرز عليها. للعنوان يناسب حجم أكبر، ولتعليق يكفي غالباً من 4 إلى 8٪ من الضلع الأقصر.
صورتك تبقى على جهازك
يحدث فتح الصورة ورسم النص وحفظ الملف كله في متصفحك. لا تُرفع الصورة ولا تُحفظ.
مثال: تعليق على صورة عطلة
اختر صورة بمقاس 4000 × 3000 بكسل، واكتب ”صيف في إسطنبول“. اختر الخط Arial، واضبط الحجم (٪ من الضلع الأقصر) على 8، واختر لون النص أبيض، واترك الحد الخارجي 6٪ باللون الأسود. على الصورة كاملة يكون حجم الخط 240 بكسلاً، أي 8٪ من الضلع الأقصر البالغ 3000 بكسل.
اسحب النص إلى الجزء السفلي من السماء، واضغط تنزيل الصورة. الملف PNG بكامل بكسلات الصورة 4000 × 3000، واسمه ينتهي بـ -نص.
الأسئلة الشائعة
هل تُرفع صورتي عند إضافة النص إليها؟
لا. تُفتح الصورة ويُرسم النص عليها ويُحفظ الملف كله في متصفحك. يمكنك التحقق بإيقاف اتصال الإنترنت بعد تحميل الصفحة ثم إضافة نص إلى صورة.
لماذا تكون الصورة المحفوظة بالحجم نفسه لصورتي؟
يُرسم النص على بكسلات الصورة نفسها بدقتها الكاملة، فيحتفظ الملف المحفوظ بعرض الصورة وارتفاعها. المعاينة أصغر فقط لكي تناسب شاشتك.
أي الخطوط يمكنني استخدامها؟
Onest وBricolage، وهما خطا هذا الموقع، متاحان دائماً، لكنهما لا يحتويان الحروف العربية. أما Arial وGeorgia وVerdana وCourier New وTimes New Roman فخطوط للنظام، تُستخدم إذا كان جهازك يحتويها، وإلا استخدم المتصفح خطاً قريباً منها.
هل تُرسم الحروف العربية بشكل صحيح؟
نعم، إذا كان الخط الذي تختاره يحتوي الحروف العربية. فإذا اخترت Onest أو Bricolage يُرسم النص العربي بخط احتياطي من جهازك، لذلك اختر Arial أو Times New Roman للنص العربي، فهما يحتويانه في أغلب الأجهزة.
لماذا لا يبقى النص في المكان الذي سحبته إليه؟
موضع النص هو نقطة ارتكاز الكتلة: حافتها اليسرى أو وسطها أو اليمنى حسب المحاذاة، وأعلى السطر الأول. تغيير المحاذاة يحرك النص، لذلك تحقق من الموضع بعد تغييرها.
هل يمكنني حفظ الصورة بخلفية شفافة؟
النص يُرسم على صورة، والصورة معتمة، فلا توجد منطقة شفافة تُحفظ. تحفظ PNG الصورة دون أي فقد، أما JPEG فيعطي ملفاً أصغر مع فقد بسيط.
المصادر
- MDN (باللغة الإنجليزية): CanvasRenderingContext2D.fillText()، رسم النص
- MDN (باللغة الإنجليزية): CanvasRenderingContext2D.shadowBlur، الحافة الناعمة للظل
- MDN (باللغة الإنجليزية): CanvasRenderingContext2D.measureText()، عرض كل سطر
آخر مراجعة للأرقام والنص: الثلاثاء، 30 جمادى الأولى 1448 بعد الهجرة.