> 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/id/gambar-dan-tabel/04-picture-environment.md). # Menggambar Diagram Langsung di LaTeX ## Pendahuluan bawaan LaTeX `picture` environment dapat digunakan untuk membuat diagram/gambar—Anda tidak *perlu* perlu memuat paket eksternal apa pun untuk menggunakannya, tetapi paket seperti [`pict2e`](https://ctan.org/pkg/pict2e?lang=en) dan [`picture`](https://ctan.org/pkg/picture) telah ditulis untuk menambah atau meningkatkan fiturnya. Artikel ini memberikan pengantar ringkas tentang `picture` environment dan semua contoh menggunakan [`pict2e` ke preambel dokumen Anda (seperti disarankan](https://ctan.org/pkg/pict2e?lang=en). Dokumentasi yang lebih lengkap dan beragam contoh yang bermanfaat tersedia dengan mudah dalam sumber-sumber berikut: * [manual referensi tidak resmi LaTeX2e](https://latexref.xyz/picture.html) * [The Not So Short Introduction to LaTeX2ε](https://tobi.oetiker.ch/lshort/lshort.pdf) (lihat Bab 5) * [Wikibooks](https://en.wikibooks.org/wiki/LaTeX/Picture) * [pertanyaan bertag `picture-mode` di tex.stackexchange](https://tex.stackexchange.com/questions/tagged/picture-mode) * [`pict2e` dokumentasi paket](https://mirror.ox.ac.uk/sites/ctan.org/macros/latex/contrib/pict2e/pict2e.pdf) Jika dibandingkan dengan alat grafis yang kuat dan canggih seperti [TikZ/PGF](https://en.wikipedia.org/wiki/PGF/TikZ), [MetaPost](https://tug.org/metapost.html), [PSTricks](https://ctan.org/topic/pstricks?lang=en) atau [Asymptote](https://ctan.org/pkg/asymptote?lang=en) situs web `picture` environment mungkin tampak cukup terbatas, tetapi dari waktu ke waktu, ini mungkin cukup untuk apa yang perlu Anda lakukan. ## Membuat gambar baru Membuat gambar baru biasanya melibatkan langkah-langkah berikut: 1. tentukan ukuran unit gambar yang ingin Anda gunakan; 2. nyatakan sebuah `picture` environment yang menentukan ukuran gambar; 3. gambar komponen grafis satu per satu menggunakan `\put`, `\multiput` atau `\qbezier` perintah. ### Tentukan ukuran unit gambar Untuk membuat gambar, biasanya Anda mulai dengan mengatur *unit gambar* melalui perintah `\unitlength`, yang harus digunakan di luar sebuah `picture` environment. Misalnya, jika Anda menulis ```latex \setlength{\unitlength}{1cm} ``` unit gambar akan ditafsirkan sebagai kelipatan 1cm. Unit bawaan adalah 1pt. ### Tentukan ukuran gambar Anda Bentuk umum dari `picture` environment adalah sebagai berikut ```latex \begin{picture}(width, height)(Xoffset, Yoffset) ... \end{picture} ``` di mana * `width` dan `tinggi` adalah nilai, dalam satuan `\unitlength`, yang menentukan ukuran gambar. LaTeX menggunakan nilai-nilai ini untuk membuat kotak yang dimensinya adalah * lebar kotak (gambar) = `width` × `\unitlength` * tinggi kotak (gambar) = `tinggi` × `\unitlength` * `(Xoffset, Yoffset)` adalah koordinat opsional yang menetapkan titik asal (pojok kiri bawah) gambar, dinyatakan sebagai sebuah *offset* relatif terhadap lokasi bawaan. `Xoffset` dan `Yoffset` juga dinyatakan dalam satuan yang ditentukan oleh nilai saat ini dari `\unitlength`. Perhatikan bahwa `Xoffset` dan `Yoffset` tidak memengaruhi jumlah ruang yang dicadangkan LaTeX; yaitu, dimensi kotak. #### Memahami dimensi gambar Kita akan membuat dua gambar, keduanya menggunakan `\setlength{\unitlength}{1cm}` dan masing-masing dengan `width` dan `tinggi` sebesar 3 unit. Gambar pertama menggunakan titik asal bawaan dari `(0,0)`: ```latex \begin{picture}(3,3) ... \end{picture} ``` gambar kedua menggeser titik asal sebesar `(1,1)`: ```latex \begin{picture}(3,3)(1,1) ... \end{picture} ``` ### Menggambar grafis Grafik dibuat menggunakan urutan `\put`, `\multiput`, atau `\qbezier` perintah yang menghasilkan “komponen” (atau “objek”) individual yang digunakan untuk menyusun gambar atau ilustrasi: * `\put(x, y){*component*}` menggambar `*component*` di lokasi `(x, y)`. * `\multiput(x, y)(dx, dy){n}{*component*}` menggambar `*component*` `n` kali: dimulai dari lokasi `(x, y)` dan berulang kali digeser sebesar `(dx, dy)` untuk menggambar ulang `*component*`. * `\qbezier[n](x1, y1)(x, y)(x2, y2)`: menggambar sebuah [kurva Bézier kuadratik](https://en.wikipedia.org/wiki/B%C3%A9zier_curve#Quadratic_B%C3%A9zier_curves) di mana: * `n` bilangan bulat opsional yang menentukan jumlah titik yang digunakan untuk memplot/menghasilkan kurva * `(x1, y1)` adalah titik awal kurva * `(x2, y2)` adalah titik akhir kurva * `(x, y)` menyatakan titik kontrol kurva Bézier (kuadratik) Sebuah `*component*` adalah elemen grafis yang biasanya dihasilkan menggunakan primitif grafis seperti `\line`, `\oval`, `\circle`, `\vector` dan seterusnya—lihat [manual referensi tidak resmi LaTeX2e](https://latexref.xyz/picture.html) atau [The Not So Short Introduction to LaTeX2ε](https://tobi.oetiker.ch/lshort/lshort.pdf) (Bab 5) untuk rincian primitif yang tersedia. **Catatan**: Paket ini [`pict2e` ke preambel dokumen Anda (seperti disarankan](https://mirror.ox.ac.uk/sites/ctan.org/macros/latex/contrib/pict2e/pict2e.pdf) memperluas `picture` environment asli untuk menyediakan beberapa perintah untuk menggambar kurva Bézier: `\bezier`, `\qbezier`, `\cbezier` dan `\qbeziermax`. ### Memahami offset dan titik asal Dalam contoh-contoh berikut, perintah `\put` digunakan untuk menggambar titik-titik berwarna yang menunjukkan koordinat kunci (posisi) dalam grafik. Kedua contoh menggunakan perintah LaTeX `\fbox` perintah untuk menggambar bingkai di sekitar kotak yang dibuat LaTeX untuk memuat gambar kita, menampilkan *bounding box* grafik. **Contoh 1: Menggunakan titik asal bawaan** ```latex \documentclass{article} \usepackage[pdftex]{pict2e} \usepackage[dvipsnames]{xcolor} \begin{document} \setlength{\unitlength}{1cm} \setlength{\fboxsep}{0pt} Ini gambar saya\fbox{% \begin{picture}(3,3) \put(0,0){{\color{blue}\circle*{0.25}}\hbox{\kern3pt \texttt{(0,0)}}} \put(3,3){{\color{red}\circle*{0.25}}\hbox{\kern3pt \texttt{(3,3)}}} \end{picture}} \end{document} ``` [Buka contoh ini di Overleaf](https://www.overleaf.com/docs?engine=pdflatex\&snip_name=understanding+picture+dimensions+example+1\&snip=%5Cdocumentclass%7Barticle%7D%0A%5Cusepackage%5Bpdftex%5D%7Bpict2e%7D%0A%5Cusepackage%5Bdvipsnames%5D%7Bxcolor%7D%0A%5Cbegin%7Bdocument%7D%0A%5Csetlength%7B%5Cunitlength%7D%7B1cm%7D%0A%5Csetlength%7B%5Cfboxsep%7D%7B0pt%7D%0A%0AThis+is+my+picture%5Cfbox%7B%25%0A%5Cbegin%7Bpicture%7D%283%2C3%29%0A%5Cput%280%2C0%29%7B%7B%5Ccolor%7Bblue%7D%5Ccircle%2A%7B0.25%7D%7D%5Chbox%7B%5Ckern3pt+%5Ctexttt%7B%280%2C0%29%7D%7D%7D%0A%5Cput%283%2C3%29%7B%7B%5Ccolor%7Bred%7D%5Ccircle%2A%7B0.25%7D%7D%5Chbox%7B%5Ckern3pt+%5Ctexttt%7B%283%2C3%29%7D%7D%7D%0A%5Cend%7Bpicture%7D%7D%0A%5Cend%7Bdocument%7D) Contoh ini menghasilkan keluaran berikut: ![dimensi environment picture LaTeX](/files/b10178426709fb9d0fd8887dbea319cba5376767) Fitur `\fbox` perintah menggambar bingkai di sekitar bounding box grafik, menunjukkan ruang (area) yang dicadangkan oleh LaTeX: * lebar gambar = `width` × `\unitlength` = 3 × 1cm = 3cm. * tinggi gambar = `tinggi` × `\unitlength` = 3 × 1cm = 3cm. Contoh pertama menunjukkan bahwa titik asal, `(0,0)`, berada pada titik saat `\begin{picture}` perintah dijalankan, tepat setelah teks “Ini gambar saya”. Selain itu, sudut kanan atas berada pada posisi `(3,3)`, `(width,height)` nilai yang diberikan kepada `\begin{picture}(3,3)`. **Contoh 2: Menggeser titik asal sebesar (1,1)** ```latex \documentclass{article} \usepackage[pdftex]{pict2e} \usepackage[dvipsnames]{xcolor} \begin{document} \setlength{\unitlength}{1cm} \setlength{\fboxsep}{0pt} Ini gambar saya\fbox{% \begin{picture}(3,3)(1,1) \put(0,0){{\color{blue}\circle*{0.25}}\hbox{\kern3pt\texttt{(0,0)}}} \put(1,1){{\color{orange}\circle*{0.25}}\hbox{\kern3pt\texttt{(1,1)}}} \put(3,3){{\color{red}\circle*{0.25}}\hbox{\kern3pt\texttt{(3,3)}}} \put(4,4){{\color{black}\circle*{0.25}}\hbox{\kern3pt\texttt{(4,4)}}} \end{picture}} \end{document} ``` [Buka contoh ini di Overleaf](https://www.overleaf.com/docs?engine=pdflatex\&snip_name=understanding+picture+dimensions+example+2\&snip=%5Cdocumentclass%7Barticle%7D%0A%5Cusepackage%5Bpdftex%5D%7Bpict2e%7D%0A%5Cusepackage%5Bdvipsnames%5D%7Bxcolor%7D%0A%5Cbegin%7Bdocument%7D%0A%5Csetlength%7B%5Cunitlength%7D%7B1cm%7D%0A%5Csetlength%7B%5Cfboxsep%7D%7B0pt%7D%0A%0AThis+is+my+picture%5Cfbox%7B%25%0A%5Cbegin%7Bpicture%7D%283%2C3%29%281%2C1%29%0A%5Cput%280%2C0%29%7B%7B%5Ccolor%7Bblue%7D%5Ccircle%2A%7B0.25%7D%7D%5Chbox%7B%5Ckern3pt%5Ctexttt%7B%280%2C0%29%7D%7D%7D%0A%5Cput%281%2C1%29%7B%7B%5Ccolor%7Borange%7D%5Ccircle%2A%7B0.25%7D%7D%5Chbox%7B%5Ckern3pt%5Ctexttt%7B%281%2C1%29%7D%7D%7D%0A%5Cput%283%2C3%29%7B%7B%5Ccolor%7Bred%7D%5Ccircle%2A%7B0.25%7D%7D%5Chbox%7B%5Ckern3pt%5Ctexttt%7B%283%2C3%29%7D%7D%7D%0A%5Cput%284%2C4%29%7B%7B%5Ccolor%7Bblack%7D%5Ccircle%2A%7B0.25%7D%7D%5Chbox%7B%5Ckern3pt%5Ctexttt%7B%284%2C4%29%7D%7D%7D%0A%5Cend%7Bpicture%7D%7D%0A%5Cend%7Bdocument%7D) Contoh ini menghasilkan keluaran berikut: ![dimensi environment picture LaTeX](/files/a4384d42e0c6c34f1b5b55a3dcd21f3936ecd176) Contoh kedua menunjukkan efek dari penggeseran titik asal dan menyoroti beberapa poin penting: * bingkai yang dibuat oleh `\fbox` menunjukkan bahwa bounding box grafik, lebar dan tinggi kotak yang dibuat oleh LaTeX, tidak *terpengaruh* oleh penggeseran titik asal: itu masih ditentukan oleh `(width,height)` nilai yang diberikan kepada `\begin{picture}(3,3)(1,1)` * lebar gambar = `width` × `\unitlength` = 3 × 1cm = 3cm * tinggi gambar = `tinggi` × `\unitlength` = 3 × 1cm = 3cm * elemen gambar tidak dibatasi (dipotong) ke area (dimensi bounding box) yang dibuat oleh LaTeX. Misalnya, titik biru dan `(0,0)` koordinat digambar di luar garis batas yang dihasilkan oleh `\fbox`, yang menunjukkan bounding box. * Pengguna bertanggung jawab memastikan elemen gambar tetap berada di dalam bounding box dan tidak menutupi teks di sekitarnya. * titik asal, `(0,0)`, adalah *tidak lagi* berada tepat setelah teks “Ini gambar saya”, pada titik saat `\begin{picture}` perintah dijalankan: titik asal sekarang digeser 1 unit ke kiri dan 1 unit ke bawah * sudut kanan atas sekarang berada pada posisi `(4,4)` ## Contoh-contoh environment picture ### Contoh dari manual referensi tidak resmi LaTeX2e Fitur [manual referensi tidak resmi LaTeX2e](https://latexref.xyz/picture.html) berisi sejumlah `picture` contoh environment, beberapa di antaranya direproduksi di sini beserta tautan yang membukanya di Overleaf, sehingga Anda dapat mengedit dan menjelajahi kodenya. #### Contoh 1: perintah \vector ```latex \documentclass{article} \usepackage[pdftex]{pict2e} \begin{document} \setlength{\unitlength}{1cm} \begin{picture}(6,6) % kotak gambar akan berukuran lebar 6cm dan tinggi 6cm \put(0,0){\vector(2,1){4}} % untuk setiap 2 ke kanan, vektor ini naik 1 \put(2,1){\makebox(0,0)[l]{\ langkah pertama}} \put(4,2){\vector(1,2){2}} \put(5,4){\makebox(0,0)[l]{\ langkah kedua}} \put(0,0){\vector(1,1){6}} \put(3,3){\makebox(0,0)[r]{jumlah\ }} \end{picture} \end{document} ``` [Buka contoh ini di Overleaf](https://www.overleaf.com/docs?engine=pdflatex\&snip_name=picture+environment+example\&snip=%5Cdocumentclass%7Barticle%7D%0A%5Cusepackage%5Bpdftex%5D%7Bpict2e%7D%0A%5Cbegin%7Bdocument%7D%0A%5Csetlength%7B%5Cunitlength%7D%7B1cm%7D%0A%5Cbegin%7Bpicture%7D%286%2C6%29++++++%25+picture+box+will+be+6cm+wide+by+6cm+tall%0A++%5Cput%280%2C0%29%7B%5Cvector%282%2C1%29%7B4%7D%7D++%25+for+every+2+over+this+vector+goes+1+up%0A++++%5Cput%282%2C1%29%7B%5Cmakebox%280%2C0%29%5Bl%5D%7B%5C+first+leg%7D%7D%0A++%5Cput%284%2C2%29%7B%5Cvector%281%2C2%29%7B2%7D%7D%0A++++%5Cput%285%2C4%29%7B%5Cmakebox%280%2C0%29%5Bl%5D%7B%5C+second+leg%7D%7D++%0A++%5Cput%280%2C0%29%7B%5Cvector%281%2C1%29%7B6%7D%7D%0A++++%5Cput%283%2C3%29%7B%5Cmakebox%280%2C0%29%5Br%5D%7Bsum%5C+%7D%7D++%0A%5Cend%7Bpicture%7D%0A%5Cend%7Bdocument%7D) Contoh ini menghasilkan keluaran berikut: ![contoh environment picture](/files/12b061f244c014c7daea944a0f16a6625cf6df4d) #### Contoh 2: perintah \qbezier, \line, \vector, \thinlines, dan \thicklines Perhatikan bagaimana `\qbezier` perintah *tidak* digunakan di dalam `\put{...}` sedangkan perintah primitif lainnya, seperti `\line`, `\vector` *sudah* digunakan di dalam `\put{...}`. ```latex \documentclass{article} \usepackage[pdftex]{pict2e} \begin{document} \setlength{\unitlength}{1cm} \begin{picture}(8,4) \thinlines % Mulai dengan garis tipis \put(0,0){\vector(1,0){8}} % sumbu x \put(0,0){\vector(0,1){4}} % sumbu y \put(2,0){\line(0,1){3}} % sisi kiri \put(4,0){\line(0,1){3.5}} % sisi kanan \thicklines % Gunakan garis yang lebih tebal untuk perintah \qbezier \qbezier(2,3)(2.5,2.9)(3,3.25) \qbezier(3,3.25)(3.5,3.6)(4,3.5) \thinlines % Kembali menggunakan garis tipis \put(2,3){\line(4,1){2}} \put(4.5,2.5){\framebox{Aturan Trapesium}} \end{picture} \end{document} ``` [Buka contoh ini di Overleaf](https://www.overleaf.com/docs?engine=pdflatex\&snip_name=qbezier+picture+environment+example\&snip=%5Cdocumentclass%7Barticle%7D%0A%5Cusepackage%5Bpdftex%5D%7Bpict2e%7D%0A%5Cbegin%7Bdocument%7D%0A%5Csetlength%7B%5Cunitlength%7D%7B1cm%7D%0A%5Cbegin%7Bpicture%7D%288%2C4%29%0A++%5Cthinlines+%25+Start+with+thin+lines%0A++%5Cput%280%2C0%29%7B%5Cvector%281%2C0%29%7B8%7D%7D++%25+x+axis%0A++%5Cput%280%2C0%29%7B%5Cvector%280%2C1%29%7B4%7D%7D++%25+y+axis%0A++%5Cput%282%2C0%29%7B%5Cline%280%2C1%29%7B3%7D%7D++++%25+left+side%0A++%5Cput%284%2C0%29%7B%5Cline%280%2C1%29%7B3.5%7D%7D++%25+right+side%0A++%5Cthicklines+%25+Use+thicker+lines+for+the+%5Cqbezier+commands%0A++%5Cqbezier%282%2C3%29%282.5%2C2.9%29%283%2C3.25%29%0A++%5Cqbezier%283%2C3.25%29%283.5%2C3.6%29%284%2C3.5%29%0A++%5Cthinlines+%25+Back+to+using+thin+lines%0A++%5Cput%282%2C3%29%7B%5Cline%284%2C1%29%7B2%7D%7D%0A++%5Cput%284.5%2C2.5%29%7B%5Cframebox%7BTrapezoidal+Rule%7D%7D%0A%5Cend%7Bpicture%7D%0A%5Cend%7Bdocument%7D) Contoh ini menghasilkan keluaran berikut: ![Contoh environment picture LaTeX](/files/ac31998aababf6aadf7450c1b82b646a3df5b097) #### Contoh 3: perintah \multiput dan \linethickness ```latex \documentclass{article} \usepackage[pdftex]{pict2e} \begin{document} \setlength{\unitlength}{1cm} \thicklines \begin{picture}(10,10) \linethickness{0.05mm} \multiput(0,0)(1,0){10}{\line(0,1){10}} \multiput(0,0)(0,1){10}{\line(1,0){10}} \linethickness{0.5mm} \multiput(0,0)(5,0){3}{\line(0,1){10}} \multiput(0,0)(0,5){3}{\line(1,0){10}} \end{picture} \end{document} ``` [Buka contoh ini di Overleaf](https://www.overleaf.com/docs?engine=pdflatex\&snip_name=multiput+command+picture+environment+example\&snip=%5Cdocumentclass%7Barticle%7D%0A%5Cusepackage%5Bpdftex%5D%7Bpict2e%7D%0A%5Cbegin%7Bdocument%7D%0A%5Csetlength%7B%5Cunitlength%7D%7B1cm%7D%0A%5Cthicklines%0A%5Cbegin%7Bpicture%7D%2810%2C10%29%0A++%5Clinethickness%7B0.05mm%7D%0A++%5Cmultiput%280%2C0%29%281%2C0%29%7B10%7D%7B%5Cline%280%2C1%29%7B10%7D%7D+%0A++%5Cmultiput%280%2C0%29%280%2C1%29%7B10%7D%7B%5Cline%281%2C0%29%7B10%7D%7D%0A++%5Clinethickness%7B0.5mm%7D%0A++%5Cmultiput%280%2C0%29%285%2C0%29%7B3%7D%7B%5Cline%280%2C1%29%7B10%7D%7D%0A++%5Cmultiput%280%2C0%29%280%2C5%29%7B3%7D%7B%5Cline%281%2C0%29%7B10%7D%7D%0A%5Cend%7Bpicture%7D%0A%5Cend%7Bdocument%7D) Contoh ini menghasilkan keluaran berikut: ![Contoh environment picture LaTeX dengan perintah \multiput](/files/d1c76328fc2cc66ea877a1826c81aeb0bd587aa5) ### Contoh lain #### Kurva Bézier dasar Contoh berikut menggunakan `\qbezier` perintah untuk menggambar kurva Bézier: ```latex \qbezier(1,1)(5,5)(9,0.5) ``` Perhatikan hal-hal berikut: * situs web `\qbezier` perintah tidak digunakan di dalam sebuah `\put` perintah * titik awal kurva Bézier adalah `(1,1)` * titik akhir kurva Bézier adalah `(9,0.5)` * titik kontrol kurva Bézier adalah `(5,5)` * kami tidak menggunakan bilangan bulat opsional yang menentukan jumlah titik yang digunakan untuk memplot/menghasilkan kurva Bézier ```latex \documentclass{article} \usepackage[pdftex]{pict2e} \begin{document} \setlength{\unitlength}{0.8cm} \begin{picture}(10,5) \thicklines \qbezier(1,1)(5,5)(9,0.5) \put(2,1){{Kurva Bézier}} \end{picture} \end{document} ``` [Buka contoh ini di Overleaf](https://www.overleaf.com/docs?engine=pdflatex\&snip_name=multiput+command+picture+environment+example\&snip=%5Cdocumentclass%7Barticle%7D%0A%5Cusepackage%5Bpdftex%5D%7Bpict2e%7D%0A%5Cbegin%7Bdocument%7D%0A%5Csetlength%7B%5Cunitlength%7D%7B0.8cm%7D%0A%5Cbegin%7Bpicture%7D%2810%2C5%29%0A%5Cthicklines%0A%5Cqbezier%281%2C1%29%285%2C5%29%289%2C0.5%29%0A%5Cput%282%2C1%29%7B%7BB%C3%A9zier+curve%7D%7D%0A%5Cend%7Bpicture%7D%0A%5Cend%7Bdocument%7D) Contoh ini menghasilkan keluaran berikut: ![Menggambar kurva Bézier menggunakan LaTeX](/files/38f4899511aec423df8e4364fc231907b4f22edc) #### Oval, garis, dan lingkaran Contoh berikut menunjukkan `\line`, `\circle` dan `\oval` perintah dan—perhatikan bagaimana perintah-perintah itu *sudah* semuanya digunakan di dalam `\put{...}` perintah: ```latex \documentclass{article} \usepackage[pdftex]{pict2e} \begin{document} \setlength{\unitlength}{1cm} \thicklines \begin{picture}(10,6) \put(2,2.2){\line(1,0){6}} \put(2,2.2){\circle{2}} \put(6,2.2){\oval(4,2)[r]} \end{picture} \end{document} ``` [Buka contoh ini di Overleaf](https://www.overleaf.com/docs?engine=pdflatex\&snip_name=picture+environment+example\&snip=%5Cdocumentclass%7Barticle%7D%0A%5Cusepackage%5Bpdftex%5D%7Bpict2e%7D%0A%5Cbegin%7Bdocument%7D%0A%5Csetlength%7B%5Cunitlength%7D%7B1cm%7D%0A%5Cthicklines%0A%5Cbegin%7Bpicture%7D%2810%2C6%29%0A%5Cput%282%2C2.2%29%7B%5Cline%281%2C0%29%7B6%7D%7D%0A%5Cput%282%2C2.2%29%7B%5Ccircle%7B2%7D%7D%0A%5Cput%286%2C2.2%29%7B%5Coval%284%2C2%29%5Br%5D%7D%0A%5Cend%7Bpicture%7D%0A%5Cend%7Bdocument%7D) Contoh ini menghasilkan keluaran berikut: ![Contoh environment picture LaTeX](/files/19596b27d6f74f374cf5d933f7673ee78faadc0d) Berikut adalah deskripsi perintah-perintahnya: * `\put(2,2.2){\line(1,0){6}}`: menggambar garis `6` unit panjang menggunakan “vektor arah” `(1,0)` * `\put(6,2.2){\oval(4,2)[r]}`: menggambar oval yang berpusat di titik `(4,2)`. Parameter `[r]` bersifat opsional, Anda dapat menggunakan `r`, `l`, `t` dan `b` untuk menampilkan bagian kanan, kiri, atas, atau bawah dari oval. * `\put(2,2.2){\circle{2}}`: menggambar lingkaran yang berpusat di titik `(2,2.2)` dan yang diameternya adalah `2`. #### Menggabungkan garis, lingkaran, dan teks Elemen dasar yang berbeda dapat digabungkan untuk membuat gambar yang lebih kompleks. Dalam contoh ini beberapa garis dan lingkaran digabungkan untuk membuat sebuah gambar, bersama teks untuk memberi label pada titik-titik: ```latex \documentclass{article} \usepackage[pdftex]{pict2e} \begin{document} \setlength{\unitlength}{0.8cm} \begin{picture}(12,4) \thicklines \put(8,3.3){{\footnotesize $3$-simplex}} \put(9,3){\circle*{0.1}} \put(8.3,2.9){$a_2$} \put(8,1){\circle*{0.1}} \put(7.7,0.5){$a_0$} \put(10,1){\circle*{0.1}} \put(9.7,0.5){$a_1$} \put(11,1.66){\circle*{0.1}} \put(11.1,1.5){$a_3$} \put(9,3){\line(3,-2){2}} \put(10,1){\line(3,2){1}} \put(8,1){\line(1,0){2}} \put(8,1){\line(1,2){1}} \put(10,1){\line(-1,2){1}} \end{picture} \end{document} ``` [Buka contoh ini di Overleaf](https://www.overleaf.com/docs?engine=pdflatex\&snip_name=understanding+picture+dimensions+example+1\&snip=%5Cdocumentclass%7Barticle%7D%0A%5Cusepackage%5Bpdftex%5D%7Bpict2e%7D%0A%5Cbegin%7Bdocument%7D%0A%5Csetlength%7B%5Cunitlength%7D%7B0.8cm%7D%0A%5Cbegin%7Bpicture%7D%2812%2C4%29%0A%5Cthicklines%0A%5Cput%288%2C3.3%29%7B%7B%5Cfootnotesize+%243%24-simplex%7D%7D%0A%5Cput%289%2C3%29%7B%5Ccircle%2A%7B0.1%7D%7D%0A%5Cput%288.3%2C2.9%29%7B%24a_2%24%7D%0A%5Cput%288%2C1%29%7B%5Ccircle%2A%7B0.1%7D%7D%0A%5Cput%287.7%2C0.5%29%7B%24a_0%24%7D%0A%5Cput%2810%2C1%29%7B%5Ccircle%2A%7B0.1%7D%7D%0A%5Cput%289.7%2C0.5%29%7B%24a_1%24%7D%0A%5Cput%2811%2C1.66%29%7B%5Ccircle%2A%7B0.1%7D%7D%0A%5Cput%2811.1%2C1.5%29%7B%24a_3%24%7D%0A%5Cput%289%2C3%29%7B%5Cline%283%2C-2%29%7B2%7D%7D%0A%5Cput%2810%2C1%29%7B%5Cline%283%2C2%29%7B1%7D%7D%0A%5Cput%288%2C1%29%7B%5Cline%281%2C0%29%7B2%7D%7D%0A%5Cput%288%2C1%29%7B%5Cline%281%2C2%29%7B1%7D%7D%0A%5Cput%2810%2C1%29%7B%5Cline%28-1%2C2%29%7B1%7D%7D%0A%5Cend%7Bpicture%7D%0A%5Cend%7Bdocument%7D) Contoh ini menghasilkan keluaran berikut: ![Contoh environment picture LaTeX](/files/145f6d66fc9e4f0f2544b42b9151ca2bbf34f7d8) Berikut ringkasan beberapa perintah yang digunakan: * `\thicklines`: ini meningkatkan ketebalan garis. Perintah `\thinlines` memberikan efek sebaliknya. * `\put(8,3.3){{\footnotesize $3$-simplex}}`: teks “3-simplex” disisipkan pada titik `(8,3.3)`, ukuran font diatur menjadi `\footnotesize`. Perintah yang sama digunakan untuk memberi label pada setiap titik. * `\put(9,3){\circle*{0.1}}`: ini menggambar lingkaran terisi, berpusat di `(9,3)` dengan diameter kecil sebesar `0.1` (unit gambar) sehingga dapat digunakan sebagai titik. * `\put(10,1){\line(3,2){1}}`: membuat garis lurus yang dimulai dari `(10,1)` dan digambar ke arah `(3,2)` dengan panjang 1 (unit gambar). #### Menggunakan panah Panah juga dapat digunakan di dalam sebuah `picture` environment, jadi berikut contoh kedua: ```latex \documentclass{article} \usepackage[pdftex]{pict2e} \begin{document} \setlength{\unitlength}{0.20mm} \begin{picture}(400,250) \put(75,10){\line(1,0){130}} \put(75,50){\line(1,0){130}} \put(75,200){\line(1,0){130}} \put(120,200){\vector(0,-1){150}} \put(190,200){\vector(0,-1){190}} \put(97,120){$\alpha$} \put(170,120){$\beta$} \put(220,195){keadaan atas} \put(220,45){keadaan bawah 1} \put(220,5){keadaan bawah 2} \end{picture} \end{document} ``` [Buka contoh ini di Overleaf](https://www.overleaf.com/docs?engine=pdflatex\&snip_name=Example+of+arrows+in+LaTeX+picture+environment\&snip=%5Cdocumentclass%7Barticle%7D%0A%5Cusepackage%5Bpdftex%5D%7Bpict2e%7D%0A%5Cbegin%7Bdocument%7D%0A%5Csetlength%7B%5Cunitlength%7D%7B0.20mm%7D%0A%5Cbegin%7Bpicture%7D%28400%2C250%29%0A%5Cput%2875%2C10%29%7B%5Cline%281%2C0%29%7B130%7D%7D%0A%5Cput%2875%2C50%29%7B%5Cline%281%2C0%29%7B130%7D%7D%0A%5Cput%2875%2C200%29%7B%5Cline%281%2C0%29%7B130%7D%7D%0A%5Cput%28120%2C200%29%7B%5Cvector%280%2C-1%29%7B150%7D%7D%0A%5Cput%28190%2C200%29%7B%5Cvector%280%2C-1%29%7B190%7D%7D%0A%5Cput%2897%2C120%29%7B%24%5Calpha%24%7D%0A%5Cput%28170%2C120%29%7B%24%5Cbeta%24%7D%0A%5Cput%28220%2C195%29%7Bupper+state%7D%0A%5Cput%28220%2C45%29%7Blower+state+1%7D%0A%5Cput%28220%2C5%29%7Blower+state+2%7D%0A%5Cend%7Bpicture%7D%0A%5Cend%7Bdocument%7D) Contoh ini menghasilkan keluaran berikut: ![Contoh panah dalam environment picture LaTeX](/files/bbb609878aacb2d48aeda828c788122c96a1af9b) Fitur `\vector` perintah menggunakan sintaks yang sama seperti `\line`: * `\put(120,200){\vector(0,-1){150}}`: menggambar vektor yang titik awalnya adalah `(120,200)`, panjangnya adalah `150` dan arah gambarnya adalah `(0,-1)`. ## Bacaan lanjutan Untuk informasi lebih lanjut, lihat sumber-sumber berikut: * [manual referensi tidak resmi LaTeX2e](https://latexref.xyz/picture.html) * [The Not So Short Introduction to LaTeX2ε](https://tobi.oetiker.ch/lshort/lshort.pdf) (lihat Bab 5) * [Wikibooks](https://en.wikibooks.org/wiki/LaTeX/Picture) * [pertanyaan bertag `picture-mode` di tex.stackexchange](https://tex.stackexchange.com/questions/tagged/picture-mode) * [`pict2e` dokumentasi paket](https://mirror.ox.ac.uk/sites/ctan.org/macros/latex/contrib/pict2e/pict2e.pdf) * [Paket TikZ](/latex/id/gambar-dan-tabel/05-tikz-package.md) * [paket Pgfplots](/latex/id/bidang-khusus/08-pgfplots-package.md) * [Penempatan gambar dan tabel](/latex/id/gambar-dan-tabel/02-positioning-images-and-tables.md) * [Daftar tabel dan gambar](/latex/id/gambar-dan-tabel/03-lists-of-tables-and-figures.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/id/gambar-dan-tabel/04-picture-environment.md?ask=&goal= ``` `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.