> For the complete documentation index, see [llms.txt](https://overleaf-pro.ayaka.space/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://overleaf-pro.ayaka.space/latex/ar/mqalat-mtamqh/26-how-to-draw-vector-graphics-using-tikz-in-latex.md).

# كيفية رسم الرسومات المتجهة باستخدام TikZ في LaTeX

**المؤلف: كودي هيرينغ (مايو 2013)**

### الرسومات الإجرائية في LaTeX: الأساسيات

تقليديًا، تُعرض الرسومات على شكل خرائط نقطية، بدرجات تتراوح من 1 بت (أبيض وأسود) إلى 24 بت (ألوان حقيقية). يتيح ذلك عرض الرسومات ببساطة على شاشة الكمبيوتر التقليدية (المستطيلة). ومع ذلك، قد يكون من الصعب والممل إنشاء خرائط نقطية تمثل بدقة ما ينبغي عرضه على مستند أو على الورق.

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

* **تنسيق الرسومات المحمولة** (PGF) هي مجموعة أدوات أساسية، تتيح إنتاج رسومات وأشكال بسيطة؛
* **TikZ** هو امتداد لـ PGF، ويتيح استخدام مجموعة كبيرة من الأشكال الجاهزة.

يمكن العثور على توثيق موسع حول TikZ وPGF في [دليل PGF](http://mirrors.ctan.org/graphics/pgf/base/doc/pgfmanual.pdf).

### استخدام PGF وTikZ

لكي تستخدم حزمة TikZ، يجب استيرادها:

```latex
\usepackage{tikz}
```

لكي ترسم صورًا، يجب استخدام `tikzpicture` البيئة:

```latex
\begin{tikzpicture}
توضع الأوامر هنا
\end{tikzpicture}
```

### الرسم الأساسي

يتيح TikZ رسم العديد من الأشكال والمسارات المختلفة. ستُعرض هنا بعض تقنيات الرسم الأساسية. ويمكن دمج هذه التقنيات لتكوين رسومات أكثر تعقيدًا.

#### المسارات المستقيمة

يمكن رسم مسار مستقيم من نقطة إلى أخرى باستخدام `\draw` الأمر وفقًا لنظام إحداثيات X/Y (أفقي/عمودي)، كما يلي:

```latex
\begin{tikzpicture}
\draw (5,0) -- (-5, 0);
\end{tikzpicture}
```

يمكن أيضًا ربط `\draw` استدعاءات متعددة معًا. يرسم هذا مجموعة من المحاور من -5 إلى +5 في اتجاه X، ومن -2 إلى +2 في اتجاه Y.

```latex
\begin{tikzpicture}
\draw   (5,0) -- (-5, 0)
        (0,2) -- (0,-2);
\end{tikzpicture}
```

![TiKZFigure 1.png](/files/4fc6838900b224388463be92819de61432f88f40)

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

```latex
\begin{tikzpicture}
\draw[green, dotted, ultra thick, rotate=15]
        (5,0) -- (-5, 0)
        (0,2) -- (0,-2);
\end{tikzpicture}
```

![TiKZFigure 2.png](/files/a759a5fbe9672a6bdc7c36e7ba444626165d28de)

#### تغيير حجم الرسم التخطيطي

أحيانًا يكون الحجم الافتراضي للرسم التخطيطي كبيرًا جدًا أو صغيرًا جدًا. إن استخدام `scale` كمعامل عند تعريف `tikzpicture` البيئة يتيح أحجامًا مختلفة مع الحفاظ على النِّسب نفسها:

```latex
\begin{tikzpicture}[scale=0.3]
\draw   (5,0) -- (-5, 0)
        (0,2) -- (0,-2);
\end{tikzpicture}
```

تُظهر الصورة التالية تأثير ما قبل تطبيق `[scale=0.3]`:

![TiKZFigure 3.png](/files/4974a9c08dbd6afd194206db4c83442968865dad)

#### إضافة رؤوس الأسهم

يمكن أن تكون الأسهم مفيدة للرسوم البيانية والمخططات، ومن السهل تضمينها في صورة TikZ. يمكن استخدام الأنماط الموضحة سابقًا، وكذلك عدة رؤوس أسهم مختلفة.

```latex
\begin{tikzpicture}
\draw[->](0,0) -- (5,0);
\end{tikzpicture}

\begin{tikzpicture}
\draw[<<->>](0,0) -- (5,0);
\end{tikzpicture}

\begin{tikzpicture}
\draw[<<->>, ultra thick, blue](0,0) -- (5,0);
\end{tikzpicture}

\begin{tikzpicture}
\draw[|->>, thick, red](0,0) -- (5,0);
\end{tikzpicture}
```

![TiKZFigure 4.png](/files/4a778e6425b85324e8df9ea6e03023b9fcfc6ac9)

### رسم المنحنيات

أبسط طريقة لرسم منحنى باستخدام TikZ هي تحديد نقطة البداية ونقطة النهاية، والزاوية المطلوبة عند مغادرة نقطة البداية والوصول إلى نقطة النهاية.

```latex
\begin{tikzpicture}
\draw[ultra thick]
(0,0) to [out=75,in=135](3,4);
\end{tikzpicture}
```

![TiKZFigure 5.png](/files/1531ce22cabdd81d664d8f4c2e1ae0f546630efb)

يمكن أيضًا إنشاء مخططات أكثر تعقيدًا باستخدام الاستدعاءات المتسلسلة. ستحاول PGF رسم أكثر الخطوط سلاسة ممكنًا باستخدام الاتجاهات المقدمة.

```latex
\begin{tikzpicture}
\draw[ultra thick]
(0,0)
to [out=90,in=180] (2,2)
to [out=270,in=0](0,0)
to [out=0,in=90](2,-2)
to [out=180,in=270](0,0)
to [out=270,in=0](-2,-2)
to [out=90,in=180](0,0)
to [out=180,in=270](-2,2)
to [out=0,in=90](0,0);
\end{tikzpicture}
```

![TIkZFigure 6.png](/files/05363f5f76b8f33066c668d97ec6c2605b033716)

### الخاتمة

لا نهاية لما يمكن رسمه باستخدام الرسومات المتجهية، وقيمتها في إتاحة مخططات وصور قابلة للتوسّع وسهلة التحرير تُعد ميزة كبيرة لمستخدمي LaTeX الذين يبحثون عن طريقة سهلة لاستخدام الرسومات. هذه التدوينة لا تغطي إلا جزءًا بسيطًا مما هو ممكن، لكنها ينبغي أن تكون مقدمة جيدة لقدرات الرسومات المتجهية وبيئة TikZ/PGF.

موارد إضافية:

* [مقدمة بسيطة إلى TikZ](http://cremeronline.com/LaTeX/minimaltikz.pdf);
* [توثيق CTAN حول TikZ وPGF](http://mirrors.ctan.org/graphics/pgf/base/doc/pgfmanual.pdf);
* [صفحة الويكي التعليمية لـ Overleaf](/latex/ar/alashkal-waljdawl/05-tikz-package.md).


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://overleaf-pro.ayaka.space/latex/ar/mqalat-mtamqh/26-how-to-draw-vector-graphics-using-tikz-in-latex.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.