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

时间:2015-03-07 23:17:46

标签: javascript svg visio

我正在使用visio编辑器开发一个shemas,之后,经过一些更改后,将它们导出为svg格式以便在浏览器中查看。

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

visio automatically added #group18992-10873

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

方法是手动为visio中的形状设置这些ID吗?例如,我的愿望的组ID是:g#113-LI-601。

2 个答案:

答案 0 :(得分:1)

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

因此,在visio中设置名称后,我们可以在组定义中看到svg title标签:

enter image description here

答案 1 :(得分:1)

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

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

enter image description here

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

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