شيفرة هذه الصفحة لم تبدأ العمل.

فتح index.html مباشرة من مجلد يمنع المتصفح من تحميل وحدات JavaScript، فلا يحدث شيء عند اختيار من يظهر على الرسم. قدّم المجلد عبر HTTP بدلا من ذلك:

powershell -ExecutionPolicy Bypass -File serve.ps1

ثم افتح http://localhost:8080/.

مقارنة الأطوال — رسمٌ جنباً إلى جنب يمكنك تنزيله

اكتب الأطوال، وخذ الصورة. ولا يُرسَل شيء لرسمها.

اللغة: العربية
عرض الشيفرة المصدرية
الأسماء والأطوال والرسم الذي تصنعه لا تُرفع أبدا. لا يوجد خادم.

رسم الأطوال حسابٌ ورسمة: لا ملفّ يُرسَل ولا خدمة تُسأل — والملف الوحيد الذي تقبله هذه الصفحة، صورة من عندك لتضعها على المسطرة، يُقرأ هنا ولا يذهب إلى أيّ مكان. الرجل والمرأة والصبي والفتاة أعمالٌ فنية في الملك العام تُشحَن مع هذه الصفحة، والصبي والفتاة رسمان لطفلَين حقيقيَّين لا لبالغَين مصغَّرَين — وهذا بالضبط ما يمنع رسم العائلة من أن يبدو خاطئاً على نحوٍ لا يستطيع أحد تسميته. وكلّ خطوة من ذلك تجري في بضع مئات من أسطر JavaScript في هذه الصفحة يمكنك قراءتها. ولا توجد وظيفة شبكية من أي نوع، وهذا مهمّ هنا لأن ما تكتبه هو قائمة أشخاص وطول كلّ واحد منهم.

فحص حي: جارٍ الفحص…

دون اتصال: جارٍ الفحص…

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

1 قل من تقارن

اسمٌ وطولٌ ونوعُ الشكل الذي يُرسَم. ويبدأ كلّ صفّ بطولٍ يمكنك الكتابة فوقه مباشرة. ويمكن كتابة الأطوال كما تكتبها أنت — 173، 1.73 m، 5'8"، 68 in — والسطر أسفل كلّ خانة يُظهر ما فُهِم، أو يقوله بالأحمر إن كانت الخانة فارغة أو تعذّرت قراءة الطول. ولا يُخمَّن شيء في صمت أبداً.

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

يضع ملف SVG أيّ رسمة على المسطرة — شعاراً أو مخطّطاً أو قطعة آلة. تُقرأ في هذه الصفحة ولا تذهب إلى أي مكان. ولا يُحتفَظ إلا بالأشكال التي فيها: فهي تصل بلونٍ واحد صافٍ تختاره لكلّ صفّ، وكلّ ما كان بوسعه بلوغ الشبكة — صورة مرتبطة أو ورقة أنماط أو خطّ أو نصّ برمجي — يُترَك خلفه بدل أن يُحمَل داخل رسمٍ قد ترسله إلى أحد. أما الرسمة المصنوعة من خطوط رفيعة لا من أشكال مملوءة فتخرج لطخةً صمّاء، وتلك هي الحالة الوحيدة التي تكون فيها هذه الأداة هي الخطأ.

الصورة أو ملف PNG يوضَع كما هو ويحتفظ بألوانه، فلا يعود لون الصفّ إلا اسماً له. وهو يُقرأ هنا أيضاً ويُعاد رسمه قبل وضعه — وهذا يحدّ من مقدار ما يضيفه إلى الرسم ويترك بيانات الملف الوصفية خلفه. وما كان شفّافاً يبقى شفّافاً، فالصورة المقصوصة تقف على المسطرة نظيفة، أما الصورة الفوتوغرافية فتأتي بخلفيتها معها، والأفضل قصّها أولاً.

معظم هذه تصل مرسومةً لا ككتلة صمّاء — باب بمقبضه، وثلّاجة فوقها مجمّدها، وأريكة تراها أريكة. والرسمة تُلاءَم مع العددين في الصفّ، فالعددان هما اللذان يقرّران الشكل: اكتب عدديك فوقهما وتتبعهما الصورة. وثلاثة منها بلا رسمة، إذ لم يظهر شيء حرّ وصحيح النسب: سلّة كرة السلة وحاوية الشحن وسطح المطبخ تصل مستطيلاتٍ كما كان كلّ شيء من قبل.

بعض هذه المقاسات ثابتة فعلاً: حاوية الشحن مقاس 20 قدماً ارتفاعها 259 سم بحكم التعريف، وطوق كرة السلة على 305، والباب الداخلي الأمريكي 203 في 81. أما البقية فمعتادة لا معيارية — فالأبواب والنوافذ وأسطح المطابخ تختلف من بلد إلى بلد ومن بيت إلى بيت. وكلّ واحد منها يصل كصفٍّ عادي، فقِس ما عندك واكتب الأرقام الحقيقية فوقه.

2 خذه

‏PNG هو ما يُلصَق في مستند أو محادثة. أما SVG فهو الذي يُحتفَظ به: فهو الرسم بوصفه تعليمات لا بكسلات، ولذلك يُطبَع حادّاً بأي حجم ويمكن إعادة تلوينه لاحقاً بأي برنامج يفتح المتّجهات.

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

اكتب الأسماء والأطوال فوق كلّ شكل إن أُطفئ صار الرسم ظلالاً على مسطرة — وهو ما تريده إن كانت الأسماء ستُكتَب أصلاً في المكان الذي تلصقه فيه.

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

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

كيف يبدو

عرض بصيغة Markdown

كيف تصنع رسم مقارنة أطوال

  1. أضِف الجميع أولاً، ثم اهتمّ بالشكل. الصفّ شكلٌ واسمٌ وطولٌ ولون. والاسم اختياري — فرسمٌ من ظلَّين بلا اسمَين وفوقهما طولاهما هو تماماً ما يريده كثيرون — والسهمان في كلّ صفّ ينقلانه يميناً أو يساراً إن كان الترتيب يهمّ.
  2. اكتب الطول كما تكتبه أنت. 173، 1.73 m، 5'8"، 68 in، 5 ft 8 تُقرأ كلّها قراءةً صحيحة. والسطر تحت الخانة يُظهر ما فُهِم، بالنظامَين معاً، فيظهر سوء القراءة قبل الرسم لا بعد الطباعة. والعدد المجرّد سنتيمترات على رسم متري وبوصات على رسم إمبراطوري، والعدد المجرّد دون الثلاثة أمتار — فلا أحد طوله 1.73 سنتيمتر.
  3. اختر الشكل الذي يناسب الشخص. طول الطفل نحو ستة رؤوس والبالغ سبعة ونصف؛ ولذلك يبدو الطفل المرسوم كبالغ مصغَّر خاطئاً على نحو يصعب تسميته ويسهل رؤيته. والصبي والفتاة رسمان لطفلَين حقيقيَّين لا لبالغَين مصغَّرَين، وذلك هو معظم ما يجعل رسم العائلة يبدو كعائلة. كما يصل كلّ صفّ وفيه طولٌ سلفاً، فإضافة شخص ترسم شخصاً — اكتب فوقه مباشرة.
  4. ضع على الرسم شيئاً مألوفاً. العدد مجرَّد، ومدخل الباب ليس كذلك. وإضافة شيء واحد يعرف الجميع حجمه — باب أو نافذة أو سبّورة فصل أو آلة بيع — هي ما يحوّل رسماً يذكر طولَين إلى رسم يُريهما. وتحمل القائمة عشرين منها، مجموعةً، وكلّ واحد يصل صفّاً عادياً يمكنك كتابة أرقامك فوقه. والأشياء تأخذ عرضاً إلى جانب الارتفاع، فالباب 203 في 81 لا شريط.
  5. أو ضع عليه رسمةً من عندك. تأخذ صورة خاصة بك ملفاً من جهازك وتضعه على المسطرة بأيّ طولٍ تعطيه إياه — وهو ما تلجأ إليه حين يكون الرسم عن منتَج أو مركبة أو مبنى لا عن شخص. يُرسَم ملف SVG بلون الصفّ نفسه كأيّ شكل آخر؛ أما الصورة الفوتوغرافية أو ملف PNG فتوضع كما هي. وكلاهما يحتفظ بنسبه، وكلاهما يُقرأ هنا بدل أن يُرسَل إلى أيّ مكان.
  6. اضبط المسطرة على الوحدات التي يفكّر بها قارئك. التبديل بين السنتيمترات والأقدام يعيد كتابة ما في الخانات بدل أن يعيد تأويله، فلا يتحرّك الرسم نفسه — إنما تتغيّر الكتابة وحدها. وإن كان الرسم لجمهورَين، فالطول المكتوب فوق كلّ شكل بوحدة الرسم، والسطر تحت كلّ خانة يحمل الاثنين.
  7. ملف PNG للّصق، وملف SVG للطباعة. ملف PNG صورة بارتفاع البكسل الذي ضبطته، وهو ما تريده نافذة محادثة أو مستند أو شريحة. أما SVG فهو الرسم بوصفه تعليمات، فيُطبَع حادّاً بأي حجم ويمكن إعادة تلوينه لاحقاً بأي شيء يفتح المتّجهات.

النسخة الأطول

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

أسئلة

هل يُرسَل أي شيء أكتبه إلى مكان ما؟

لا. يرسم الرسمَ كودُ JavaScript في هذه الصفحة، على جهازك أنت، وليس لهذه الأداة وظيفة شبكية من أي نوع — فهي لا تجلب شيئاً أبداً ولا ترسل شيئاً أبداً. وتسمّي Content-Security-Policy الخاصة بالصفحة كلّ عنوان يجوز لها الاتصال به، وليس منها واحد لنا. ويستحقّ هذا أن يُقال صراحةً هنا لأن المُدخَل قائمة بأسماء أشخاص وبطول كلّ منهم، وهو أكثر خصوصية من معظم ما يتعامل معه هذا الموقع.

هل أستطيع تنزيل الرسم؟

نعم، بصيغة PNG أو SVG، بلا علامة مائية وبلا حساب. ويُرسَم ملف PNG بارتفاع البكسل الذي تضبطه وهو الذي يُلصَق في مستند أو شريحة أو محادثة. أما SVG فهو الرسم بوصفه تعليمات لا بكسلات: يُطبَع حادّاً بأي حجم ويمكن فتحه وإعادة تلوينه لاحقاً في أي محرّر متّجهات. وكلاهما مصنوع من الترميز نفسه الذي على الشاشة، فلا يمكن لأيٍّ منهما أن يخالف المعاينة.

كيف أكتب الطول — بالسنتيمترات أم بالأقدام؟

بأيّهما شئت، في أي صفّ، بالطريقة التي تكتبه بها عادةً. فـ173 و173 cm و1.73 m و5'8" و5 ft 8 in و68 in تُفهَم كلّها، والسطر تحت الخانة يُظهر ما قُرِئ بالنظامَين. والعدد المجرّد سنتيمترات حين يكون الرسم متريّاً وبوصات حين يكون إمبراطورياً؛ والعدد المجرّد دون الثلاثة يُؤخَذ أمتاراً، لأن 1.73 سنتيمتر ليس طولاً يكتبه أحد.

لماذا لا يبدو الأطفال كبالغين مصغَّرين؟

لأن الطفل ليس كذلك. نسب الجسم تتغيّر مع العمر: ابن السنتين طوله نحو أربعة رؤوس ونصف، وابن الثامنة ستة، والبالغ سبعة ونصف — فالرأس إذن نحو ربع الطفل الصغير وثُمن البالغ. والصبي والفتاة هنا رسمان لطفلَين حقيقيَّين لا ظلاًّ واحداً مصغَّراً، ولهذا يبدو رسم العائلة عائلةً لا أربعة بالغين بأحجام مختلفة.

من أين جاءت الأشكال؟

الأربعة كلّها أعمالٌ لأشخاص آخرين، وكلّها في الملك العام: الرجل لـpitr، والمرأة لـMadeleine Price Ball، والفتاة لـOpenClipart-Vectors، والصبي لـRyan Kissinger لمكتبة NIH BioArt. وكلّ ملف يُشحَن مع هذه الصفحة في vendor/ كما نُشر، فتستطيع مقابلته بالأصل. والملك العام لا يطلب شيئاً، وهذا هو المقصود: فالعمل الفني ينتهي داخل صورة تنزّلها أنت، ورخصةٌ تشترط النسبة كانت ستُلصِق ذلك الشرط برسمك أنت.

هل أستطيع وضع صورة من عندي على الرسم؟

نعم — تأخذ صورة خاصة بك رسمةً أو صورة فوتوغرافية وتضعها على المسطرة بأيّ طولٍ تكتبه: شعاراً أو مخطّطاً أو قطعة آلة أو سيارة، أو صورةً للشيء نفسه. ونسبها نسبها هي، فليس هناك عرضٌ تملؤه.

يُرسَم ملف SVG بلونٍ واحد صافٍ، اللون المضبوط عليه ذلك الصفّ، لأن هذا ما عليه بقية الرسم — فالرسمة المصنوعة من حدودٍ رفيعة لا من أشكال مملوءة تخرج لطخة، وهذه الأداة خطأٌ لها. ولا يُحتفَظ إلا بالـأشكال: يُعاد بناء الملف من الصفر من مسارات ومستطيلات ودوائر، وكلّ ما كان بوسعه بلوغ الشبكة — صورة مرتبطة أو ورقة أنماط أو خطّ أو نصّ برمجي — يُترَك خلفه.

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

ولا يذهب أيٌّ من الملفّين إلى أيّ مكان. وهذا يهمّ مرّتين، لأن الرسم الذي تنزّله ملفٌّ قد ترسله إلى أحد.

لماذا لا يوجد طفل صغير أو رضيع؟

لأن أحداً لم يرسم واحداً ويضعه في الملك العام. في ويكيميديا كومنز طفلٌ حرّ صالح واحد بالضبط — الفتاة — وفي مكتبة NIH BioArt الصبي؛ أما دون سنّ المدرسة فيعود البحث فارغاً، وكلّ مجموعة أشخاص حرّة ومتّسقة هي رمزُ دورات مياه بالشكل نفسه في كلّ عمر، وهو الخطأ الذي وُجدت هذه الأداة كلّها لتجنّبه. وقد كان هناك طفل صغير ترسمه شيفرة هذه الصفحة نفسها لبعض الوقت، وكان الشكل الوحيد على الرسم الذي لم يرسمه أحد: وقد بدا ذلك عليه، واقفاً إلى جوار أربعة رسمهم أحد. ولمن هو أصغر من الصبي أو الفتاة، اضبط أحدهما على الطول الحقيقي — فالمسطرة هي التي تحمل المقارنة، وستكون صحيحة.

كم شخصاً أستطيع وضعه على رسم واحد؟

اثني عشر. وليس هذا حدّاً تقنياً — فالرسم سيصنع ثلاثين عن طيب خاطر — لكن بعد الاثني عشر تصير الأعمدة أضيق من الأسماء المكتوبة فوقها وتتوقّف الصورة عن أن تكون مقروءة. وإن احتجت أكثر، فإطفاء الأسماء يعيد إليك العرض، أو أن رسمَين سيقولان الأمر خيراً من واحد.

هل أستطيع وضع شيء على الرسم؟

نعم — ومعظمها يصل مرسوماً. تحمل القائمة عشرين للبدء، في أربع مجموعات: الأبواب والنوافذ، والمدرسة والمكتب (سبّورة، ومكتب، وخزانة ملفات، وشاشة عرض)، وأشياء في المدينة (آلة بيع، وحاوية نفايات بعجلات، وسلّة كرة سلة، وحاوية شحن مقاس 20 قدماً)، وأشياء في البيت. سبعة عشر منها تأتي مع صورة — باب له مقبض، وثلاجة فوقها مجمّدها، وأريكة ترى أنها أريكة — وتُطابَق الصورة على الطول والعرض المكتوبَين في الصفّ، فتبقى الأرقام هي التي تقرّر الحجم، وتبقى أرقامك التي تكتبها فوقها نافذة. أما الثلاثة الباقية فمستطيلات مجرّدة، لأنه لم تُوجَد لها رسمة حرّة صحيحة ومضبوطة النسب معاً، والرسمة الخاطئة أسوأ من كتلة صادقة في رسم موضوعه المقياس.

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

هل هناك شكل لكلب أو قطّة؟

لا، وهي فجوة مقصودة لا سهو. فقد بُني الاثنان — جانبياً، واقفَين، والرأس بمستوى الكتف، حتى يكون أعلى الرسمة هو الطول المكتوب بجوارها، وهو الموضع الذي يقيس عنده كلّ معيار سلالة حيواناً. لكنهما لم يخرجا جيدَين بما يكفي للشحن: فحيوانٌ رباعيّ منظورٌ من الجانب واقفاً إلى جوار أربعة أشخاص منظورين من الأمام يُقرأ كخطأ حتى حين تكون الرسمة جيدة. ومستطيلٌ بارتفاع كتف الحيوان أمينٌ في هذه الأثناء.

هل أستطيع مشاركة الرسم برابط؟

ليس من هنا، وذلك مقصود. فالأدوات التي تتيح ذلك تفعله بوضع القائمة كاملةً في العنوان، ما يعني أن كلّ اسم وكلّ طول ينتهي في كلّ ما يسافر الرابط عبره — سجلّات خادوم محادثة، وماسح بريد، وسجلّ تصفّح أحدهم، وخدمة تجلب معاينة الروابط. نزّل الصورة وأرسلها بدل ذلك: فهي تقول الشيء نفسه ولا تحمل معها أي قائمة.

هل هو مجاني، وهل أستطيع استعمال الرسم تجارياً؟

هو مجاني، ولا حساب ولا علامة مائية، ويمكنك وضع النتيجة في تقرير أو عرض تقديمي أو إعلان أو منتج. يحمل الموقع إعلانات، وهي ما يدفع تكاليفه. ولا شيء في رسمٍ تصنعه هنا يملكه أحد سواك، ولا يُحتفَظ بشيء.

لماذا المسطرة بالعشرات لا بالآحاد؟

لأن التباعد يُختار من عدد الخطوط التي تحتملها الصورة لا من رقم ثابت. فرسمٌ لبالغَين يأخذ خطاً كلّ عشرة سنتيمترات؛ ضع عليه سلّة كرة سلة فتنتقل الخطوط إلى خمسة وعشرين، لأن تسعين خطاً على صورة واحدة غشاوةٌ رمادية لا مسطرة. وفي الأقدام والبوصات يكون السُّلَّم بوصةً وثلاثاً وستّاً واثنتي عشرة، فتقع الخطوط على بوصات كاملة لا قربها.

هل أستطيع وضع الرسم على شريحة داكنة؟

نعم. اضبط الخلفية على اللون الذي سيستقرّ عليه، فتنتقل المسطرة والكتابة بين الداكن والفاتح بما يناسبه — محسوباً من إضاءة اللون لا مخمَّناً. ثم علِّم «بلا خلفية إطلاقاً» إن أردت الصورة نفسها شفّافة: فاللون الذي اخترته يظلّ هو الذي يقرّر الحبر، وبذلك يخرج رسمٌ شفّاف متّجهٌ إلى شريحة كحلية مقروءاً عليها.

هل يعمل دون اتصال؟

نعم. حمّل الصفحة مرة واحدة، ثم افصل الإنترنت وستظلّ تعمل. وهذه أيضاً أبسط طريقة لإثبات أن شيئاً لا يُرفَع: فأداة ترسل قائمتك بعيداً ليُرسَم لها رسمٌ كانت ستتوقّف في اللحظة التي تفصل فيها.