reset إعادة ضبط... style = {};

📘 مكتبة المصطلحات الخطية

تعرّف على أبرز المصطلحات البرمجية في تصميم الخط العربي من خلال تجربة تفاعلية شاملة.

x-height

ارتفاع جسم الحرف المتوسط مثل السين أو العين.

font.xHeight = 500;

لغة البرمجة: JavaScript

الدالة المستخدمة: ضبط خاصية xHeight داخل كائن font.

reset

إعادة ضبط...

style = {};

apply

تنفيذ التعديلات أو تفعيل الإعدادات الجديدة.

applyStyle(fontSettings);

save

حفظ الحالة أو النموذج بصيغ متعددة.

saveFont("MyFont.otf");

preview

عرض سريع لما سيبدو عليه الخط بعد التعديل.

showPreview(glyph);

roundness

درجة استدارة الحواف والزوايا داخل الحرف.

cornerRadius = 12;

sharpness

حدة الزوايا أو الأطراف الهندسية للحرف.

if (angle < 30) edgeType = "sharp";

baseline shift

تحريك الحرف بالنسبة لخط الكتابة الأساسي.

textStyle.baselineShift = -5;

curve tension

مدى انسيابية أو شد منحنيات الحرف.

tension = 0.75; // smooth curve

ligature

ربط حرفين أو أكثر لتكوين شكل موحّد داخل الخط.

defineLigature("ل" + "ا", "لا");

setting

إعدادات واجهة أو قيمة افتراضية للخط.

let settings = { size: 14, family: "Arial" };

reset

إعادة ضبط الحرف أو النموذج للقيمة الأساسية.

style = {}; // reset جميع الإعدادات

flop it!

قلب اتجاه الحرف أو العنصر أفقياً.

transform: scaleX(-1);

undo

تراجع عن آخر تعديل على الشكل أو الإعدادات.

history.pop(); render(history.at(-1));

mode

الوضع الحالي للتعامل مع الحرف (رسم / تعديل).

if (mode === "edit") enableEditor();

dummy

عنصر وهمي أو اختبار لا يظهر في الإخراج النهائي.

let dummyGlyph = new Glyph("test");

nerd

وضع مطوّر يعرض إعدادات متقدمة للخط.

showAdvancedControls(true);

unit width

عرض الوحدة الأساسية للحرف في التصميم.

font.unitWidth = 600;

pen width

سماكة القلم المستخدم في رسم الحرف.

strokeWidth = 3;

proportion

نسبة التوازن بين عناصر الحرف.

proportion = height / width;

slanting

زاوية ميل الحرف أفقيًا أو رأسيًا.

transform: skewX(10deg);

contrast

التباين بين السماكة والرفيعة في تصميم الحرف.

lineWidth = weight > 600 ? 5 : 2;

superness

مدى جمالية الحرف وتميّزه البصري.

if (curveRatio > 0.9) style.super = true;

aperture

فتحة الحرف أو المساحة الداخلية مثل "ح" أو "ق".

apertureSize = measureGap("ح");

corner

الزاوية الحادة أو المستديرة في شكل الحرف.

border-radius: 10px;

overshoot

تجاوز الحرف للخط الأساسي أو المسطرة البصرية.

circle.y = baseLine - 5; // slight overshoot

cap height

ارتفاع الحرف الكبير مثل "أ" أو "ل" من القاعدة حتى القمة.

font.capHeight = 800;

bar height

ارتفاع الجزء الأفقي من الحرف، مثل سن الحاء أو العصا الوسطى للباء.

glyph.bar.y = 400;

asc. height

ارتفاع الجزء الصاعد للحرف مثل رأس الألف أو اللام.

glyph.ascender = 900;

desc. height

الجزء النازل من الحرف مثل أسفل الجيم أو الياء.

glyph.descender = -300;

x-height

ارتفاع جسم الحرف الوسيط مثل السين أو العين، بين القاعدة والقمة.

font.xHeight = 500;

horiz. increase

زيادة عرض الحرف أفقيًا.

width += 20;

vert. increase

زيادة ارتفاع الحرف عموديًا.

height += 30;

taper

تدرج السماكة من منطقة لأخرى داخل الحرف.

strokeWidth = taper ? gradualDecrease() : uniform();

خطأ في الأقواس داخل شرط if

تجاهل الأقواس حول شروط متعددة يسبب خلل في التنفيذ.

❌ الكود الخاطئ:

if (n > upperBound) || (n < lowerBound)

✅ التصحيح:

if ((n > upperBound) || (n < lowerBound))

🧠 السبب: المقارنات المنطقية يجب أن تُجمع داخل أقواس واحدة لتحديد منطق الشرط ككل.

Syntax Error: فاصلة بدل فاصلة منقوطة

استخدام فاصل غير صحيح داخل جملة for يؤدي إلى توقف الكود.

❌ الكود الخاطئ:

for (let i = 0; i < 5,; ++i) { console.log(i); }

✅ التصحيح:

for (let i = 0; i < 5; ++i) { console.log(i); }

🧠 السبب: الفاصلة `,` داخل شرط التكرار غير مسموح بها، يجب استخدام `;` للفصل بين التعريف، الشرط، وزيادة العداد.

خطأ عند تعريف دالة داخل الكائن

استخدام `{}` بدل `()` عند تعريف دالة داخل كائن يؤدي إلى تفسير خاطئ للكود.

❌ الكود الخاطئ:

mounted: { document.getElementById("app").classList.add("loaded"); }

✅ التصحيح:

mounted() { document.getElementById("app").classList.add("loaded"); }

🧠 السبب: تعريف الدالة داخل الكائن لازم يكون باستخدام الصيغة المختصرة لـ ES6، وإلا يتم تفسيرها كخاصية كائنية وليس تنفيذ فعلي.