项目中需要对Visual Graph创建的tpl文件,也就是VG文件进行转换到html通用标签文件svg格式,所以专门做了转换工具。在网上实在找不到类似的可用工具,也许涉及这方面的项目太少的缘故吧。为此我发明了一种新的将VG图形转换为SVG图形的方法,解决了以上技术问题。
首先对VG文件和SVG文件对比一下:
相同:
1,都有基于xml语法(xml语法格式在此就不再写了)。
2,基本图形定义名称通用,例如line、text、rect、circle等都是一样的名称。
3,都是基于坐标布局。
不同:
1,根元素不同一个是vg一个是svg。
2,相对点不同,vg是原点坐标像四面散开布局,svg以左上角为原点向右下角散开布局。
3,图形属性表示不同,属性不同就太多了,这也是转换器的核心。
实现转换器的步骤:
1,加载vg图形文件。
2,识别vg图形文件的作用域,计算出转换后的svg原点坐标。
3,开始对vg的图形元素进行转换,根据转换规则转换成svg图形元素。
4,创建svg文件,将转换后的元素添加到新的文件中,输出新文件。
步骤3详解:
获取图形以后对不同图形进行不同的处理,对图形的坐标根据原点坐标进行转换,样式进行转。
本发明通过建立生成SVG图形所需要的各种元件的规则,将各种规则进行有机融合形成了一套完善的技术。通过加载VG图形,去转换出与之对应的SVG图形。本发明的关键在于读取VG图形中的内容,并能够智能识别各个元件。然后通过程序的规则库,对规则库中的SVG元件进行比对。比对内容包括元件名称、编号、颜色、位置等,最后生成到新的SVG图中。转换VG图形,成功的采用了SVG模型文件的方式,能够有效的统一技术规格。原理在于转换每一张VG图形,都会将数据内容放入模型文件,最后统一生成新的SVG图形。
通过本方法,能够很好的解决设计人员只有VG图形而没有需要的SVG图形的问题,为设计人员带来诸多方便。
相关推荐
svg图形编辑器svg图形编辑器svg图形编辑器svg图形编辑器svg图形编辑器svg图形编辑器svg图形编辑器
可将dxf文件转换为svg文件; 可将svg文件转换为png文件。 压缩包为源码文件
svg2mod, 将 Inkscape SVG图形转换为KiCad足迹模块 svg2mod这是一个小型程序,用于将 Inkscape SVG图形转换为KiCad足迹模块文件。 算法利用 python的和绘图模块对图形和近似曲线使用直线段进行解释,从而提高了图形...
在线将SVG转换为Vue组件
W3C定义的数学标记语言(MathML...为此,对数学公式从MathML转换为SVG的方法进行了研究,对公式表现形式进行分析,结合SVG规范研究公式组成元素和布局的转换方法,给出了相应转换算法,并对表义形式的转换进行了分析。
shapeshifter是一款可以将块级元素转换为不同形状的SVG图形的jQuery插件。该jQuery插件内置了15种SVG图形,可以将任何div等块级元素转换为这些图形形状。
OFD文档转换支持 ...HTML转换: 使用上述SVG矢量图形转换作为显示效果层A,再将OFD文档中的文字(仅)解析为SVG作为文字复制层B,B置于A层之上,文字颜色transparent,无需关心字体,在移动端同样正常显示。
WMF转PNG EMF转PNG 工具类,使用wmf2svg 来实现wmf转svg 用batik jar实现svg转png 这种转换 不存在图片丢失等问题!
图片转换成svg格式工具,用于将图片转换为svg格式的小工具。
手机软件 ...注意:需要先安装PY平台~SVG转换工具,支持PNG、JPG、GIF格式的图片转换成SVG格式,软件需要PY平台支持使用方法:选择要转换的图片,载入后会在桌面上显示,然后选择选项里的转换即可
该库使用JavaScript将Canvas转换为SVG。 换句话说,该库使您可以使用canvas api构建SVG文档。 为什么要使用它? 您有一个要作为SVG文件保留的画布图形。 您喜欢导出内容。 因为您不想将自定义文件格式转换为SVG...
将光栅图像转换为 SVG 文件,一次一个像素。对真的。 什么? PHP 接受光栅图像(GIF、PNG、JPEG 等)并创建一个 SVG 图像来重新创建光栅图像。它通过绘制填充矩形来重新创建图像中的像素来做到这一点。在许多情况下...
开发自开源库SharpVectors,可用于将svg格式图片直接转换为Xaml代码,方便在代码中进行图片颜色动画等的控制
这是一款HTML5 SVG图形变形效果。示例中展示了几种在网页上的SVG图形变形效果。包括鼠标hover指定元素时SVG图形变形效果等。
此工具是一个可以把图片[*.jpg/*.png/*.gif]转换为SVG格式的小工具 转换单个图片到SVG直接拖拽到介面自动转换 您也可以选择一个文件夹,工具可以把文件夹下面的图片转换为SVG
将阿里iconfont下载后包含多个svg图标的文件转换为单个svg文件
CAD文件转换为SVG文件的探讨.pdf
SIS系统中SVG图形转换方案的设计与实现,宋人杰,张晓刚, 结合发电厂SIS系统中组态发布平台模式的可行性,设计了一套完整的SVG图形格式转换方案,并以EDPF-NT+分布式控制系统的图形文件为研究对�
SVGR - 将SVG转换为React组件
C#后台Svg转换为png/jpeg等图片代码(C#版)