mirror of
https://github.com/ONLYOFFICE/web-apps.git
synced 2026-07-25 12:18:47 +08:00
94 lines
11 KiB
HTML
94 lines
11 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title>Umetnite i prilagodite slike</title>
|
||
<meta charset="utf-8" />
|
||
<meta name="description" content="Dodajte sliku u prezentaciju i prilagodite njenu veličinu i položaj." />
|
||
<link type="text/css" rel="stylesheet" href="../../../../../../common/main/resources/help/editor.css" />
|
||
<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
|
||
<script type="text/javascript" src="../callback.js"></script>
|
||
<script type="text/javascript" src="../../../../../../common/main/resources/help/search/js/page-search.js"></script>
|
||
</head>
|
||
<body>
|
||
<div class="mainpart">
|
||
<div class="search-field">
|
||
<input id="search" class="searchBar" placeholder="Pretraga" type="text" onkeypress="doSearch(event)">
|
||
</div>
|
||
<h1>Umetnite i prilagodite slike</h1>
|
||
<h3>Umetnite sliku</h3>
|
||
<p>U <a target="_blank" href="https://www.onlyoffice.com/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a>-u možete umetnuti slike u najpopularnijim formatima u prezentaciju. Podržani su sledeći formati slika: <b>BMP</b>, <b>GIF</b>, <b>JPEG</b>, <b>JPG</b>, <b>PNG</b>.</p>
|
||
<p>Da biste <b>dodali</b> sliku na slajd,</p>
|
||
<ol>
|
||
<li>na listi slajdova sa leve strane izaberite slajd na koji želite da dodate sliku,</li>
|
||
<li>kliknite na ikonicu <div class="icon icon-image"></div> <b>Image</b> na tabu <b>Home</b> ili <b>Insert</b> na gornjoj alatnoj traci,</li>
|
||
<li>
|
||
izaberite jednu od sledećih opcija za učitavanje slike:
|
||
<ul>
|
||
<li>
|
||
opcija <b>Image from File</b> otvara standardni dijalog prozor kako biste mogli da izaberete fajl. Pregledajte čvrsti disk računara da biste izabrali potrebnu datoteku i kliknite na dugme <b>Open</b>
|
||
<p class="note">U <em>online editoru</em> možete izabrati više slika odjednom.</p>
|
||
</li>
|
||
<li>opcija <b>Image from URL</b> otvara prozor u koji možete uneti web adresu potrebne slike i kliknuti na dugme <b>OK</b></li>
|
||
<li class="onlineDocumentFeatures"> opcija <b>Image from Storage</b> otvara prozor <b>Select data source</b>. Izaberite sliku sačuvanu na portalu i kliknite na dugme <b>OK</b></li>
|
||
</ul>
|
||
</li>
|
||
<li>kada je slika dodata, možete <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">promeniti njenu veličinu i položaj</a>. Sliku možete sačuvati kao sliku na čvrstom disku koristeći opciju <b>Save as picture</b> iz menija desnog klika.</li>
|
||
</ol>
|
||
<p>Takođe možete dodati sliku u držač teksta pritiskom na <span class="icon icon-placeholder_imagefromfile"></span> <b>Image from file</b> u njemu i izborom potrebne slike sačuvane na računaru, ili koristiti dugme <span class="icon icon-placeholder_imagefromurl"></span> <b>Image from URL</b> i navesti URL adresu slike:</p>
|
||
<p><img alt="Dodavanje slike u držač" src="../images/placeholder_object.png" /></p>
|
||
<p>Takođe je moguće dodati sliku u raspored slajda. Da biste saznali više, pogledajte ovaj <a href="../UsageInstructions/SetSlideParameters.htm#addtolayout" onclick="onhyperlinkclick(this)">članak</a>.</p>
|
||
<hr />
|
||
<h3>Podesite podešavanja slike</h3>
|
||
<p>Desna bočna traka se aktivira kada kliknete levim tasterom miša na sliku i izaberete ikonicu <b>Image settings</b> <span class="icon icon-image_settings_icon"></span> sa desne strane. Sadrži sledeće odeljke:</p>
|
||
<img alt="Kartica Image Settings" src="../images/imagesettingstab.png" />
|
||
<p><b>Size</b> – koristi se za pregled <b>Width</b> i <b>Height</b> trenutne slike ili vraćanje njene <b>Actual Size</b> po potrebi.</p>
|
||
|
||
<p>Dugme <b>Crop</b> koristi se za isecanje slike. Kliknite na dugme <b>Crop</b> da biste aktivirali ručice za isecanje koje se pojavljuju na uglovima slike i na sredini svake njene strane. Ručno prevucite ručice da biste postavili oblast isecanja. Možete pomeriti kursor miša preko ivice oblasti isecanja tako da se pretvori u ikonicu <span class="icon icon-arrow"></span> i prevući oblast. </p>
|
||
<ul>
|
||
<li>Da biste isekli jednu stranu, prevucite ručicu koja se nalazi na sredini te strane.</li>
|
||
<li>Da biste istovremeno isekli dve susedne strane, prevucite jednu od ručica na uglovima.</li>
|
||
<li>Da biste jednako isekli dve suprotne strane slike, držite pritisnut taster <em>Ctrl</em> dok prevlačite ručicu u sredini jedne od tih strana.</li>
|
||
<li>Da biste jednako isekli sve strane slike, držite pritisnut taster <em>Ctrl</em> dok prevlačite bilo koju od ručica na uglovima.</li>
|
||
</ul>
|
||
<p>Kada je oblast isecanja određena, kliknite ponovo na dugme <b>Crop</b>, ili pritisnite taster <em>Esc</em>, ili kliknite bilo gde izvan oblasti isecanja da biste primenili promene.</p>
|
||
<p>Nakon što je oblast isecanja izabrana, moguće je koristiti i opcije <b>Crop to shape</b>, <b>Fill</b> i <b>Fit</b> dostupne u padajućem meniju <b>Crop</b>. Kliknite ponovo na dugme <b>Crop</b> i izaberite potrebnu opciju: </p>
|
||
<ul>
|
||
<li>Ako izaberete opciju <b>Crop to shape</b>, slika će popuniti određeni oblik. Možete izabrati oblik iz galerije koja se otvara kada zadržite pokazivač miša iznad opcije <b>Crop to Shape</b>. I dalje možete koristiti opcije <b>Fill</b> i <b>Fit</b> da biste izabrali način na koji se slika uklapa u oblik.</li>
|
||
<li>Ako izaberete opciju <b>Fill</b>, centralni deo originalne slike biće sačuvan i korišćen za popunjavanje izabrane oblasti isecanja, dok će ostali delovi slike biti uklonjeni.</li>
|
||
<li>Ako izaberete opciju <b>Fit</b>, slika će biti prilagođena tako da se uklopi u visinu ili širinu oblasti isecanja. Nijedan deo originalne slike neće biti uklonjen, ali se mogu pojaviti prazni prostori unutar izabrane oblasti isecanja.</li>
|
||
</ul>
|
||
<p>Da biste vratili sliku na podrazumevane dimenzije piksela, kliknite na dugme <b>Reset crop</b>.</p>
|
||
<p><b>Opacity</b> – koristite ovaj odeljak da biste podesili nivo <b>Opacity</b> prevlačenjem klizača ili ručnim unosom procentualne vrednosti. Podrazumevana vrednost je <b>100%</b>, što odgovara potpunoj neprovidnosti. Vrednost <b>0%</b> odgovara potpunoj providnosti.</p>
|
||
<p><b>Replace Image</b> – koristi se za učitavanje druge slike umesto trenutne iz željenog izvora. Možete izabrati jednu od opcija: <b>From File</b>, <b>From Storage</b> ili <b>From URL</b>. Opcija <b>Replace image</b> je dostupna i u meniju desnog klika.</p>
|
||
<p><b>Rotation</b> se koristi za rotiranje slike za 90 stepeni u smeru kazaljke na satu ili suprotno, kao i za horizontalno ili vertikalno okretanje slike. Kliknite na jedno od dugmadi:</p>
|
||
<ul>
|
||
<li><div class="icon icon-rotatecounterclockwise"></div> za rotiranje slike za 90 stepeni suprotno od smera kazaljke na satu</li>
|
||
<li><div class="icon icon-rotateclockwise"></div> za rotiranje slike za 90 stepeni u smeru kazaljke na satu</li>
|
||
<li><div class="icon icon-fliplefttoright"></div> za horizontalno okretanje slike (sleva nadesno)</li>
|
||
<li><div class="icon icon-flipupsidedown"></div> za vertikalno okretanje slike (naopako)</li>
|
||
</ul>
|
||
<p>Kada je slika izabrana, ikonica <b>Shape settings</b> <span class="icon icon-shape_settings_icon"></span> je takođe dostupna sa desne strane. Kliknite na ovu ikonicu da biste otvorili karticu <b>Shape settings</b> na desnoj bočnoj traci i prilagodili tip, veličinu, boju i providnost <a href="../UsageInstructions/InsertAutoshapes.htm#shape_stroke" onclick="onhyperlinkclick(this)"><b>Line</b></a>, kao i promenili njen tip izborom drugog oblika iz menija <b>Change Autoshape</b>. Oblik slike će se odgovarajuće promeniti.</p>
|
||
<p>Na kartici <b>Shape Settings</b> možete koristiti i opciju <b>Show shadow</b> da biste dodali senku slici.</p>
|
||
<p><img alt="Kartica Shape Settings" src="../images/right_image_shape.png" /></p>
|
||
<hr />
|
||
<p>Da biste promenili <b>napredna podešavanja</b> slike, kliknite desnim tasterom miša na sliku i izaberite opciju <b>Image Advanced Settings</b> iz kontekstnog menija ili kliknite levim tasterom miša na sliku i pritisnite vezu <b>Show advanced settings</b> na desnoj bočnoj traci. Otvoriće se prozor sa svojstvima slike:</p>
|
||
<p><img alt="Svojstva slike" src="../images/image_properties.png" /></p>
|
||
<p>Kartica <b>Placement</b> omogućava podešavanje sledećih svojstava slike:</p>
|
||
<ul>
|
||
<li><b>Size</b> – koristite ovu opciju da biste promenili širinu i/ili visinu slike. Ako je dugme <b>Constant proportions</b> <div class="icon icon-constantproportions"></div> uključeno (u tom slučaju izgleda ovako <div class="icon icon-constantproportionsactivated"></div>), širina i visina će se menjati zajedno uz očuvanje originalnog odnosa stranica slike. Da biste vratili stvarnu veličinu dodate slike, kliknite na dugme <b>Actual Size</b>.</li>
|
||
<li><b>Position</b> – podesite tačan položaj koristeći polja <b>Horizontal</b> i <b>Vertical</b>, kao i polje <b>From</b> gde možete pristupiti podešavanjima kao što su <b>Top Left Corner</b> i <b>Center</b>.</li>
|
||
</ul>
|
||
<p><img alt="Svojstva slike: Rotation" src="../images/image_properties2.png" /></p>
|
||
<p>Kartica <b>Rotation</b> sadrži sledeće parametre:</p>
|
||
<ul>
|
||
<li><b>Angle</b> – koristite ovu opciju za rotiranje slike za tačno određen ugao. Unesite potrebnu vrednost izraženu u stepenima u polje ili je prilagodite pomoću strelica sa desne strane.</li>
|
||
<li><b>Flipped</b> – označite polje <b>Horizontally</b> da biste okrenuli sliku horizontalno (sleva nadesno) ili označite polje <b>Vertically</b> da biste okrenuli sliku vertikalno (naopako).</li>
|
||
</ul>
|
||
<p><img alt="Svojstva slike" src="../images/image_properties1.png" /></p>
|
||
<p>Kartica <b>Alternative Text</b> omogućava navođenje <b>Title</b> i <b>Description</b> koji će se čitati osobama sa oštećenjem vida ili kognitivnim poteškoćama kako bi lakše razumele sadržaj slike.</p>
|
||
<hr />
|
||
<p>Da biste <b>obrisali</b> umetnutu sliku, kliknite je levim tasterom miša i pritisnite taster <b>Delete</b>.</p>
|
||
<p>Da biste saznali kako da <b>poravnate</b> sliku na slajdu ili <b>rasporedite</b> više slika, pogledajte odeljak <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">Poravnajte i rasporedite objekte na slajdu</a>.</p>
|
||
</div>
|
||
</body>
|
||
</html> |