在visio绘图中创建属性以导出到svg

Question

我正在visio编辑器中开发一个Shemas，稍后进行一些更改后，将它们导出为svg格式以在浏览器中查看。

我需要一些方法来识别svg文件中的visio对象。这将在javascript中用于通过链接在svg对象上导航。

在图片中您可以看到，在Visio中，将ID添加到组或元素。我可以在javascript中使用此ID，但是会自动添加该ID，因此无法手动设置。

是在visio中手动为我的形状设置这些ID的方法吗？例如，我希望的群组ID是：g＃113-LI-601。

Answer 1

不是id，但是我可以在visio绘图中设置每个组的标题。设置组的标题后，我可以通过javascript中的此标题选择它们。

因此，在visio中设置名称后，我们可以在组定义内的svg标题标签中看到：

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS9lcXlIaC5wbmcifQ==” alt =“在此处输入图像描述”>

Answer 2

查看我的加载项：http://vispublish.azurewebsites.net/

此加载项应或多或少解决此问题。您基本上可以在Visio中为每个Visio元素指定javascript ID和CSS类。导出SVG时，加载项将对文件进行后处理，并使用指定的/默认值（visio可能会导出重复项）修复导出的SVG文件中的所有ID，并修复一些Visio SVG毛刺，并添加形状数据。您也可以使用它来导出本地SVG。

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS83eGlpNy5wbmcifQ==” alt =“在此处输入图像描述”>

相关讨论：http://visguy.com/vgforum/index.php?topic=61.msg25233#msg25233

示例：http://vispublish.azurewebsites.net/Diagram/Show/6d6bb81b-0daa-46c2-862b-8127b7e3c700

Answer 3

如何将Visio文件导出到SVG而不丢失其信息？