我在 Visio 中绘制了一些图表,我想将其导出为 SVG,以便嵌入到网页中。图表的某些元素将被超链接(主要是标注文本)。当我将图表导出为 SVG 格式并在 Chrome 或 Edge 中查看时,我会在每个图表元素上看到工具提示/鼠标悬停文本,显示形状名称,如“停止标注.10”。
我如何从不需要这些工具提示的绘图元素中删除它们,并控制它们对那些需要工具提示的元素的显示内容?
我尝试了以下方法:
- 向 Visio 中的元素添加“屏幕提示”。
- 在 Visio 的“格式化形状”窗格中设置替代文本标题和描述。
- 为链接元素的超链接添加描述。
- 在‘另存为’对话框中勾选和取消勾选‘在文件中包含 Visio 数据’的情况下导出绘图。
当我检查 Visio 生成的 SVG 源时,我发现 Web 浏览器中显示的工具提示包含在<title>
每个组 ( <g>
) 下的元素中。屏幕提示文本似乎从未出现在导出的 SVG 文件中。当勾选包含 Visio 数据的框时,Alt Text 会通过,但会出现在浏览器中未呈现的非标准<v:userDefs>
元素中。无论我是否选择包含 Visio 数据,超链接描述都会作为元素xlink:title
的属性出现在 SVG 代码中。但是,它们不会显示为工具提示;我只看到一个工具提示,其中给出了链接内组标签中的<a>
随机形状名称。<title>
我找到了几个部分解决方法:如果我使用 Visio 的开发人员功能区上的“形状名称”对话框重命名绘图元素,它将更改我在 SVG 文件中看到的工具提示的文本。但是,我无法使用此方法清空形状的名称,因此我仍然会得到许多不需要它们的形状名称工具提示。我还发现,如果我<title>
从 SVG 源中删除一个元素,相关的绘图元素会从其父元素的标题中获取工具提示。这可能会产生一些奇怪的结果,但至少意味着我可以将超链接的标题显示为带有链接的绘图元素的工具提示。但是,它还涉及大量手动编辑 SVG 文件,我想避免这种情况。
有没有一种使用 Visio 获取有意义的 SVG 工具提示的正确方法?或者有什么方法可以告诉它根本不要包含形状名称?
我正在使用 Visio 的桌面版:“Microsoft® Visio® Plan 2 MSO(版本 2208 Build 16.0.15601.20698)32 位”,并使用最新版本的 Chrome 和 Edge 渲染它生成的 SVG。
答案1
如果您能找到这个问题的答案,我会很感兴趣。我正在研究一个类似的问题,我需要导出 visio 文件,以供没有许可证的人查看。为了保持图表整洁,我想使用屏幕提示或类似功能,以便人们悬停并查看该图表元素的用途。到目前为止,我无法提取我想要的文本,也无法删除浏览器似乎视为主要的烦人的元素编号。