【问题标题】:illustrator map to imagemap automatically? or is there a better way?插图画家自动映射到图像映射?或者,还有更好的方法?
【发布时间】:2011-04-19 11:36:13
【问题描述】:

我有一个矢量插图文件,其中加利福尼亚州的所有县都作为不同的路径。我需要让这些县成为在线其他页面的链接。有没有办法从这个文件自动生成 HTML 图像映射? illustrator 提供了一个导出为 jpg 的函数,该函数具有多边形图像映射形状的选项,但它不起作用。

或者,你对这些天图像地图的使用有什么看法吗?我是否应该用另一种方式来解决这个问题?

是的,我知道我可以在 Flash 中做到这一点,但我想避免这种情况。

谢谢!

【问题讨论】:

标签: javascript jquery html svg adobe-illustrator


【解决方案1】:

您可以使用“属性”面板在每个路径上设置一个链接,然后使用“为 Web 和设备保存”以另存为 HTML 或 HTML+图像——这会在 HTML 文件中创建一个图像映射。

【讨论】:

  • 请注意,这种在 Illustrator CC 中(或者可能已经在 CS5 中)停止工作 - 保存 HTML 文件的功能已经消失,但它仍会在预览中显示 HTML 代码(按钮在 Save for Web and Devices 的左下角)。
  • 注意:在 Illustter CC 2014 上,图像映射设置隐藏在属性面板中。面板中有一个小菜单图标,可让您显示图像映射设置。
  • 谢谢,@Тони-- 我已经有一年没接触 Illustrator了,所以我不知道这个变化。
【解决方案2】:

除了 LHMathies 的回答,请注意 Illustrator 中的路径不能是复合路径才能使用“Polygon”形状。复合路径的HTML 输出将生成“矩形”形状。

要将复合路径转换为简单路径,请右键单击路径并选择“释放复合路径”。

【讨论】:

    【解决方案3】:

    啊,我一直在寻找这个解决方案,感谢 LHMathies 上面的回答和 ryandoss 的提示,我制定了一个完整的迷你教程,我把它放在了这个 other SO thread

    我能够在短短几分钟内从 Photoshop 文件创建图像映射。

    【讨论】:

      猜你喜欢
      • 2011-08-03
      • 1970-01-01
      • 1970-01-01
      • 2011-05-13
      • 2011-02-02
      • 1970-01-01
      • 1970-01-01
      • 2014-04-28
      • 2014-09-09
      相关资源
      最近更新 更多