向图像添加可点击热点

图像映射允许将 URL 附加到文档中图片上的指定区域 (称为热点)。图像映射就是一组热点,由一个或多个热点组成。

可以绘制三种类型的热点: 矩形、椭圆和多边形。当点击某个热点时,会在指定的浏览器窗口或框架中打开 URL。也可以指定当鼠标停留在热点上时显示的文字。

向图像添加可点击热点

  1. 将光标移到希望在文档中进行图像映射的位置。

  2. 点击「插入 - 图像」,选择并插入一个位图图像。

  3. 当图像处于选中状态时,在 Writer 与 Calc 中点击「编辑 - 图像映射」,或在 Impress 与 Draw 中点击「工具 - 图像映射」。将弹出「图像映射编辑器」,其背景显示选中的图像。

  4. 使用「图像映射编辑器」中的图标在背景中的图像上绘制热点的形状,例如矩形。

    如果在「 - LibreOffice - 常规」中启用了「扩展帮助」,可以看到关于每一图标的功能的扩展帮助文本。

  5. 输入当用户点击该热点时将在 Web 浏览器中显示的「地址」URL。

  6. 还可以输入当用户将鼠标指向该热点时将会显示的提示性"文本"。

  7. 点击「应用」按钮应用修改,然后关闭「图像映射编辑器」。

  8. 以 LibreOffice 或 HTML 格式保存文档。

例如可以将图像映射另存为文件,然后将该文件上载到 Web 服务器。

图像映射

An ImageMap is a reference-sensitive graphic or frame. You can click on defined areas of the graphic or frame to go to a target (URL), which is linked with the area. The reference areas, along with the linked URLs and corresponding text displayed when resting the mouse pointer on these areas, are defined in the ImageMap Editor.

图像映射的类型分两种。在从 Internet 上装入图形的客户端计算机上进行处理的,称为客户端图像映射;在向 Internet 提供 HTML 页面的服务器计算机上进行处理的,称为服务器端图像映射。在服务器处理中,点击某个图像映射会将该图像中光标的相对坐标发送到服务器,并由服务器上的专用程序作出相应的反应。在客户端处理中,点击图像映射的已定义热点将启动 URL,这与点击了某个普通文字链接的效果类似。当鼠标指针移到图像映射上时,会在指针下方显示 URL。

「图像映射」有多种使用方式,其存储格式也有多种。

图像映射格式

图像映射基本上可以分为两种,一种是在服务器 (例如 Internet 提供者) 上进行分析的图像映射,另一种是在读者计算机的 Web 浏览器上进行分析的图像映射。

服务器端图像映射

服务器端页面图像映射显示给读者的部分为页面上的图像或框对象。在图像映射上点击鼠标后,光标的相对位置坐标将被发送到服务器。然后服务器会通过一个专用程序来确定要执行的下一个步骤。可以使用多种不兼容的方法来定义此过程,其中最常用的两种方法是:

LibreOffice 会创建这两种方式的图像映射。在「图像映射编辑器」中打开「另存为对话框,从文件类型」列表中选择格式。创建的「独立映射文件」必须被上传到服务器上。您需要向提供商或网络管理员询问服务器支持的图像映射类型,以及如何访问处理程序。

客户端图像映射

当鼠标移到一个读者能够点击的图片或框架的区域上时,该区域可通过链接 URL 的外观显示出来。图像映射存储在图像的下一层,并包含已引用区域的信息。客户端图像映射唯一的缺点是,早期的 Web 浏览器不能对其进行读取。不过这个问题将会自行解决。

When saving the ImageMap, select the file type SIP - StarView ImageMap. This saves the ImageMap directly in a format which can be applied to every active picture or frame in your document. However, if you just want to use the ImageMap on the current picture or frame, you do not have to save it in any special format. After defining the regions, simply click Apply. Nothing more is necessary. Client Side ImageMaps saved in HTML format are inserted directly into the page in HTML code.

请支持我们!