aboutsummaryrefslogtreecommitdiff
path: root/files/ar/web/guide/الرسومات/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/ar/web/guide/الرسومات/index.html')
-rw-r--r--files/ar/web/guide/الرسومات/index.html47
1 files changed, 47 insertions, 0 deletions
diff --git a/files/ar/web/guide/الرسومات/index.html b/files/ar/web/guide/الرسومات/index.html
new file mode 100644
index 0000000000..9c8335471a
--- /dev/null
+++ b/files/ar/web/guide/الرسومات/index.html
@@ -0,0 +1,47 @@
+---
+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>