| Server IP : 121.121.20.254 / Your IP : 216.73.216.94 Web Server : Microsoft-IIS/10.0 System : Windows NT WEB-SERVER 10.0 build 20348 (Windows Server 2022) AMD64 User : IUSR ( 0) PHP Version : 8.3.28 Disable Function : NONE MySQL : ON | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/Program Files/LibreOffice/help/en-US/text/shared/01/ |
Upload File : |
<!DOCTYPE html>
<html lang="en-US" dir="ltr">
<head>
<base href="../../../../">
<noscript><meta http-equiv="refresh" content="0; URL=../../../../en-US/noscript.html"></noscript>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>ImageMap Editor</title>
<link rel="shortcut icon" href="media/navigation/favicon.ico">
<link type="text/css" href="normalize.css" rel="Stylesheet">
<link type="text/css" href="prism.css" rel="Stylesheet">
<link type="text/css" href="default.css" rel="Stylesheet">
<script type="text/javascript" src="polyfills.js"></script><script type="text/javascript" src="languages.js"></script><script type="text/javascript" src="en-US/langnames.js"></script><script type="text/javascript" src="flexsearch.debug.js"></script><script type="text/javascript" src="prism.js"></script><script type="text/javascript" src="help2.js" defer></script><script type="text/javascript" src="a11y-toggle.js" defer></script><script type="text/javascript" src="paginathing.js" defer></script><script type="text/javascript" src="en-US/bookmarks.js" defer></script><script type="text/javascript" src="en-US/contents.js" defer></script><script type="text/javascript" src="help.js" defer></script><meta name="viewport" content="width=device-width,initial-scale=1">
</head>
<body>
<header id="TopLeftHeader"><a class="symbol" href="en-US/text/shared/05/new_help.html"><div></div></a><a class="logo" href="en-US/text/shared/05/new_help.html"><p dir="auto">LibreOffice 24.2 Help</p></a><div class="dropdowns"><div class="modules">
<button type="button" data-a11y-toggle="modules-nav" id="modules" aria-haspopup="true" aria-expanded="false" aria-controls="modules-nav">Module</button><nav id="modules-nav" hidden=""></nav>
</div></div></header><aside class="leftside"><input id="accordion-1" name="accordion-menu" type="checkbox"><label for="accordion-1" dir="auto">Contents</label><div id="Contents" class="contents-treeview"></div></aside><div id="SearchFrame"><div id="Bookmarks">
<input id="search-bar" type="search" class="search" placeholder="Search in bookmarks for all modules" dir="auto"><div class="nav-container" tabindex="0"><nav class="index" dir="auto"></nav></div>
</div></div>
<div id="DisplayArea" itemprop="softwareHelp" itemscope="true" itemtype="http://schema.org/SoftwareApplication">
<a name="bm_id7843932"></a>
<a name="bm_@@nowidget@@"></a>
<a name="bm_id7843933"></a>
<a name="imagemap"></a>
<h1 id="hd_id3150502" dir="auto">
<a name="h1"></a><a target="_top" href="en-US/text/shared/01/02220000.html#imagemap%20editor">ImageMap Editor</a>
</h1>
<p id="par_id3159194" class="paragraph" dir="auto"><a name="imagemaptext"></a><span class="avis">Allows you to attach URLs to specific areas, called hotspots, on a graphic or a group of graphics. An image map is a group of one or more hotspots.</span></p>
<a name="howtoget"></a><div class="howtoget">
<div><p class="howtogetheader" dir="auto"><a name="wie"></a>To access this command...</p></div>
<div class="howtogetbody">
<div class="embedded">
<a name="imagemap1"></a>
<div class="embedded">
<a name="from_menu_bar"></a><h4 id="par_id441684934473786" dir="auto">From the menu bar:</h4>
</div>
<p id="par_id3156091" class="paragraph" dir="auto"><a name="imagemap"></a>Choose <span class="menuitem">Tools - ImageMap</span>.</p>
<div class="embedded">
<a name="from_tabUI"></a><h4 id="par_id711684934483926" dir="auto">From the tabbed interface:</h4>
</div>
<p id="par_id781695990131594" class="paragraph" dir="auto">On the <span class="menuitem">Image</span> menu of the <span class="menuitem">Image</span> tab, choose <span class="menuitem">ImageMap</span>.</p>
<div class="embedded">
<a name="from_toolbars"></a><h4 id="par_id101684936253402" dir="auto">From toolbars:</h4>
</div>
<div class="icontable">
<div class="iconcell">
<p id="par_id951695989919686" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/lc_imagemapdialog.svg" class="iconimage" alt="Icon Image Map" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id291695989919690" class="paragraphintable" dir="auto">Image Map</p>
</div>
</div>
</div>
</div>
</div>
<br>
<div class="embedded"><p class="embedded" dir="auto"><a target="_top" href="en-US/text/shared/guide/imagemap.html">Adding Clickable Hotspots to Images</a>
</p></div>
<p id="par_id3149751" class="paragraph" dir="auto">You can draw three types of hotspots: <span class="emph">rectangles</span>, <span class="emph">ellipses</span>, and <span class="emph">polygons</span>. When you click a hotspot, the URL is opened in the browser window or frame that you specify. You can also specify the text that appears when your mouse rests on the hotspot.</p>
<a name="bm_id3149095"></a>
<h2 id="hd_id3154317" dir="auto">Apply</h2>
<p id="par_id3150506" class="paragraph" dir="auto"><span class="avis">Applies the changes that you made to the image map.</span></p>
<div class="icontable">
<div class="iconcell">
<p id="par_id3149811" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/sc_ok.svg" class="iconimage" alt="Icon Apply" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id3153321" class="paragraphintable" dir="auto">Apply</p>
</div>
</div>
<a name="bm_id3150669"></a>
<h2 id="hd_id3149579" dir="auto">Open</h2>
<p id="par_id3155829" class="paragraph" dir="auto"><span class="avis">Loads an existing image map in the <span class="emph">MAP-CERN</span>, <span class="emph">MAP-NCSA</span> or <span class="emph">SIP StarView</span> ImageMap file format.</span></p>
<div class="icontable">
<div class="iconcell">
<p id="par_id3149795" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/sc_open.svg" class="iconimage" alt="Icon Open" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id3159158" class="paragraphintable" dir="auto">Open</p>
</div>
</div>
<a name="bm_id3144511"></a>
<h2 id="hd_id3147618" dir="auto">Save</h2>
<p id="par_id3153626" class="paragraph" dir="auto"><span class="avis">Saves the image map in the <span class="emph">MAP-CERN</span>, <span class="emph">MAP-NCSA</span> or <span class="emph">SIP StarView</span> ImageMap file format.</span></p>
<div class="icontable">
<div class="iconcell">
<p id="par_id3154280" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/sc_saveas.svg" class="iconimage" alt="Icon Save" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id3152772" class="paragraphintable" dir="auto">Save</p>
</div>
</div>
<a name="bm_id3153381"></a>
<h2 id="hd_id3150791" dir="auto">Select</h2>
<p id="par_id3154073" class="paragraph" dir="auto"><span class="avis">Selects a hotspot in the image map for editing.</span></p>
<div class="icontable">
<div class="iconcell">
<p id="par_id3156214" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/sc_selectobject.svg" class="iconimage" alt="Icon Select" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id3153351" class="paragraphintable" dir="auto">Select</p>
</div>
</div>
<a name="bm_id3150742"></a>
<h2 id="hd_id3149807" dir="auto">Rectangle</h2>
<p id="par_id3150870" class="paragraph" dir="auto"><span class="avis">Draws a rectangular hotspot where you drag in the graphic. <a name="hotspot"></a>After, you can enter the <span class="menuitem">Address</span> and the <span class="menuitem">Text Alternative</span> for the hotspot, and then select the <span class="menuitem">Frame</span> where you want the URL to open.</span></p>
<div class="icontable">
<div class="iconcell">
<p id="par_id3150769" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/sc_rect.svg" class="iconimage" alt="Icon Rectangle" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id3157894" class="paragraphintable" dir="auto">Rectangle</p>
</div>
</div>
<a name="bm_id3146986"></a>
<h2 id="hd_id3153518" dir="auto">Ellipse</h2>
<p id="par_id3145591" class="paragraph" dir="auto"><span class="avis">Draws an elliptical hotspot where you drag in the graphic. After, you can enter the <span class="menuitem">Address</span> and the <span class="menuitem">Text Alternative</span> for the hotspot, and then select the <span class="menuitem">Frame</span> where you want the URL to open.</span></p>
<div class="icontable">
<div class="iconcell">
<p id="par_id3155308" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/sc_ellipse.svg" class="iconimage" alt="Icon Ellipse" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id3153212" class="paragraphintable" dir="auto">Ellipse</p>
</div>
</div>
<a name="bm_id3154321"></a>
<h2 id="hd_id3153573" dir="auto">Polygon</h2>
<p id="par_id3153190" class="paragraph" dir="auto"><span class="avis">Draws a polygonal hotspot in the graphic. Click this icon, drag in the graphic, and then click to define one side of the polygon. Move to where you want to place the end of the next side, and then click. Repeat until you have drawn all of the sides of the polygon. When you are finished, double-click to close the polygon. After, you can enter the <span class="menuitem">Address</span> and the <span class="menuitem">Text Alternative</span> for the hotspot, and then select the <span class="menuitem">Frame</span> where you want the URL to open.</span></p>
<div class="icontable">
<div class="iconcell">
<p id="par_id3148577" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/sc_polygon.svg" class="iconimage" alt="Icon Polygon" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id3153364" class="paragraphintable" dir="auto">Polygon</p>
</div>
</div>
<a name="bm_id3159199"></a>
<h2 id="hd_id3153140" dir="auto">Freeform Polygon</h2>
<p id="par_id3147046" class="paragraph" dir="auto"><span class="avis">Draws a hotspot that is based on a freeform polygon. Click this icon and move to where you want to draw the hotspot. Drag a freeform line and release to close the shape. After, you can enter the <span class="menuitem">Address</span> and the <span class="menuitem">Text Alternative</span> for the hotspot, and then select the <span class="menuitem">Frame</span> where you want the URL to open.</span></p>
<div class="icontable">
<div class="iconcell">
<p id="par_id3153877" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/sc_freeline.svg" class="iconimage" alt="Icon Freeform Polygon" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id3159128" class="paragraphintable" dir="auto">Freeform Polygon</p>
</div>
</div>
<a name="bm_id3151075"></a>
<h2 id="hd_id3145251" dir="auto">Edit Points</h2>
<p id="par_id3153745" class="paragraph" dir="auto"><span class="avis">Lets you change the shape of the selected hotspot by editing the anchor points.</span></p>
<div class="icontable">
<div class="iconcell">
<p id="par_id3145801" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/sc_toggleobjectbeziermode.svg" class="iconimage" alt="Icon Edit points" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id3153416" class="paragraphintable" dir="auto">Edit points</p>
</div>
</div>
<a name="bm_id3159112"></a>
<h2 id="hd_id3155600" dir="auto">Move Points</h2>
<p id="par_id3151318" class="paragraph" dir="auto"><span class="avis">Lets you move the individual anchor points of the selected hotspot.</span></p>
<div class="icontable">
<div class="iconcell">
<p id="par_id3146971" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/sc_beziermove.svg" class="iconimage" alt="Icon Move Points" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id3153839" class="paragraphintable" dir="auto">Move Points</p>
</div>
</div>
<a name="bm_id3153532"></a>
<h2 id="hd_id3145162" dir="auto">Insert Points</h2>
<p id="par_id3156355" class="paragraph" dir="auto"><span class="avis">Adds an anchor point where you click on the outline of the hotspot.</span></p>
<div class="icontable">
<div class="iconcell">
<p id="par_id3150749" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/sc_bezierinsert.svg" class="iconimage" alt="Icon Insert Points" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id3148915" class="paragraphintable" dir="auto">Insert Points</p>
</div>
</div>
<a name="bm_id3145642"></a>
<h2 id="hd_id3083283" dir="auto">Delete Points</h2>
<p id="par_id3163824" class="paragraph" dir="auto"><span class="avis">Deletes the selected anchor point.</span></p>
<div class="icontable">
<div class="iconcell">
<p id="par_id3149021" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/sc_bezierdelete.svg" class="iconimage" alt="Icon Delete Points" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id3147341" class="paragraphintable" dir="auto">Delete Points</p>
</div>
</div>
<a name="bm_id3156089"></a>
<h2 id="hd_id3166448" dir="auto">Active</h2>
<p id="par_id3146918" class="paragraph" dir="auto"><span class="avis">Disables or enables the hyperlink for the selected hotspot. A disabled hotspot is transparent.</span></p>
<div class="icontable">
<div class="iconcell">
<p id="par_id3155901" class="paragraphintable" dir="auto"><img src="media/icon-themes/svx/res/id016.svg" class="iconimage" alt="Icon Active" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id3155959" class="paragraphintable" dir="auto"> </p>
</div>
</div>
<a name="bm_id3151186"></a>
<h2 id="hd_id3153966" dir="auto">Macro</h2>
<p id="par_id3151250" class="paragraph" dir="auto"><span class="avis">Lets you assign a macro that runs when you click the selected hotspot in a browser.</span></p>
<div class="icontable">
<div class="iconcell">
<p id="par_id3145769" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/sc_choosemacro.svg" class="iconimage" alt="Icon Macro" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id3149239" class="paragraphintable" dir="auto">Macro</p>
</div>
</div>
<a name="bm_id3145612"></a>
<h2 id="hd_id3149207" dir="auto">Properties</h2>
<p id="par_id3150785" class="paragraph" dir="auto"><span class="avis">Allows you to define the properties of the selected hotspot.</span></p>
<div class="icontable">
<div class="iconcell">
<p id="par_id3159104" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/sc_modifyframe.svg" class="iconimage" alt="Icon Properties" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id3153196" class="paragraphintable" dir="auto">Properties</p>
</div>
</div>
<a name="bm_id3150662"></a>
<h2 id="hd_id3144418" dir="auto">Address:</h2>
<p id="par_id3157969" class="paragraph" dir="auto"><span class="avis">Enter the URL for the file that you want to open when you click the selected hotspot.</span> If you want to jump to an anchor within the document, the address should be of the form "file:///C:/Documents/document_name#anchor_name".</p>
<a name="bm_id3154199"></a>
<h2 id="hd_id3146132" dir="auto">Text Alternative</h2>
<p id="par_id3159090" class="paragraph" dir="auto"><span class="avis">Enter the text that you want to display when the mouse rests on the hotspot in a browser.</span> If you do not enter any text, the <span class="emph">Address</span> is displayed.</p>
<h2 id="hd_id3158445" dir="auto">Frame:</h2>
<p id="par_id3150208" class="paragraph" dir="auto">Enter the name of the target frame that you want to open the URL in. You can also select a standard frame name from the list.</p>
<p id="par_id3153231" class="paragraph" dir="auto"><a target="_top" href="en-US/text/shared/01/05020400.html#targets">List of frame types</a></p>
<a name="bm_id3145131"></a>
<h2 id="hd_id3150345" dir="auto">Graphic View</h2>
<p id="par_id3150382" class="paragraph" dir="auto"><span class="avis">Displays the image map, so that you can click and edit the hotspots.</span></p>
<a name="relatedtopics"></a><div class="relatedtopics">
<p class="related" itemprop="mentions" dir="auto"><a name="related"></a><span class="emph">Related Topics</span>
</p>
<div class="relatedbody" itemprop="mentions">
<p id="par_id3150983" class="paragraph" dir="auto"><a target="_top" href="en-US/text/shared/guide/keyboard.html">Controlling the ImageMap Editor With the Keyboard</a></p>
</div>
</div>
</div>
<div id="DonationFrame"></div>
<footer><div id="DEBUG" class="debug">
<h3 class="bug">Help content debug info:</h3>
<p dir="auto">This page is: <a href="https://opengrok.libreoffice.org/xref/help/source/text/shared/01/02220000.xhp" target="_blank">/text/shared/01/02220000.xhp</a></p>
<p dir="auto">Title is: ImageMap Editor</p>
<p id="bm_module" dir="auto"></p>
<p id="bm_system" dir="auto"></p>
<p id="bm_HID" dir="auto"></p>
</div></footer>
</body>
</html>