---
title: الرسومات على الويب
slug: Web/Guide/الرسومات
tags:
  - رسومات
  - رسوميات ثلاثية الأبعاد
  - رسوميات ثنائية الأبعاد
  - كانفاس
translation_of: Web/Guide/Graphics
---
<p dir="rtl"><span class="seoSummary">غالباً ما تحتاج المواقع والتطبيقات لعرض الرسومات.</span> الصور العاديّة يمكن عرضها بسهولة باستخدام العنصر {{HTMLElement("img")}}، أو بإعداد خلفيّة الصفحة باستخدام الخاصيّة {{cssxref("background-image")}}. تستطيع أيضاً إنشاء رسومات في الهواء (طافية)، أو يمكنك التلاعب بالصور بعد حدث ما. <span class="seoSummary">هذه المقالات توفر نظرة حول كيف يمكنك القيام بهذه الأشياء.</span></p>

<div class="row topicpage-table">
<div class="section">
<h2 class="Documentation" dir="rtl" id="الرسوميات_ثنائيّة_الأبعاد">الرسوميات ثنائيّة الأبعاد</h2>

<dl>
 <dt dir="rtl"><a href="/ar/docs/HTML/Canvas">الكانفاس</a></dt>
 <dd dir="rtl">عنصر <a class="new" href="/ar/docs/Web/HTML/Element/canvas" rel="nofollow" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;canvas&gt;</code></a> يوفر واجهات برمجيّة لرسم رسومات ثنائيّة الأبعاد باستخدام لغة الجافاسكربت.</dd>
 <dt dir="rtl"><a href="/ar/docs/Web/SVG">الرسوميات المتجهيّة المتغيرة</a></dt>
 <dd dir="rtl">تتيح <strong>الرسوميات المتجهيّة المتغيرة (SVG)</strong> لك استخدام الخطوط، المنحنيات، و غيرها من الأشكال الهندسيّة لتشكيل الرسومات. مع الفيكتور (vector) يمكنك إنشاء صور يمكن أن يتم تحجيمها بدون أن تفقد دقتها.</dd>
</dl>

<p dir="rtl"><span class="alllinks"><a href="/ar/docs/tag/%D8%B1%D8%B3%D9%88%D9%85%D8%A7%D8%AA">عرض المزيد...</a></span></p>
</div>

<div class="section">
<h2 class="Documentation" dir="rtl" id="الرسوميات_ثلاثيّة_الأبعاد">الرسوميات ثلاثيّة الأبعاد</h2>

<dl>
 <dt dir="rtl"><a href="/ar/docs/Web/WebGL">تقنيّة WebGL</a></dt>
 <dd dir="rtl">دليلك للبدء مع تقنيّة WebGL، الواجهة البرمجيّة المخصصة للويب لرسم رسوميات ثلاثيّة الأبعاد. تسمح هذه التقنيّة باستخدام معايير OpenGL ES في محتوى الويب.</dd>
</dl>

<h2 dir="rtl" id="فيديو">فيديو</h2>

<dl>
 <dt dir="rtl"><a href="/ar/docs/Web/Guide/HTML/Using_HTML5_audio_and_video">استخدام ملفات الفيديو والصوت في لغة ترميز النص الفائق</a></dt>
 <dd dir="rtl">تضمين ملفات الفيديو والصوت في صفحات الويب، والتحكم بتشغيلها.</dd>
</dl>

<dl>
 <dt dir="rtl"><a href="/ar/docs/WebRTC">تقنيّة WebRTC</a></dt>
 <dd dir="rtl">تقنية RTC في الويب تعني الإتصال في الوقت الحالي (Real-Time Communications), وهي تقنيّة تسمح بتمكين تدفق الصوت والصورة ومشاركتها بين المُتصفحات.</dd>
</dl>
</div>
</div>