`
510120804
  • 浏览: 30731 次
  • 性别: Icon_minigender_1
  • 来自: 襄阳
社区版块
存档分类
最新评论

将VG图形转换为SVG图形的方法

阅读更多

       

       项目中需要对Visual Graph创建的tpl文件,也就是VG文件进行转换到html通用标签文件svg格式,所以专门做了转换工具。在网上实在找不到类似的可用工具,也许涉及这方面的项目太少的缘故吧。为此我发明了一种新的将VG图形转换为SVG图形的方法,解决了以上技术问题。

 

       首先对VG文件和SVG文件对比一下:

      相同:

       1,都有基于xml语法(xml语法格式在此就不再写了)。

       2,基本图形定义名称通用,例如linetextrectcircle等都是一样的名称。

       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图形的问题,为设计人员带来诸多方便。

 

0
1
分享到:
评论

相关推荐

    DrawingML图形到SVG转换的分析与实现.pdf

    因此,本文提出了一种将DrawingML图形转换为SVG图形的方法,以便在Web环境下的浏览器中显示图形。SVG是一种基于XML的矢量图形格式,具有良好的跨平台性和可扩展性,广泛应用于Web环境中。 DrawingML和SVG之间的...

    svg转css,css转svg,svg与css互相转换并压缩

    SVG转CSS:将SVG图形转换为CSS背景图像可以简化代码,降低文件大小,并利于CSS的复用。这通常通过将SVG数据嵌入到CSS的`background-image`属性的`url()`函数中,使用`data:`协议来实现。例如,SVG图形可以被编码为...

    dxf转svg,svg转png

    通过阅读和理解这些源码,开发者可以学习到如何处理图形文件的元数据、如何将几何数据转换为XML结构、如何渲染矢量图形到像素图像等技术。 总的来说,DXF转SVG和SVG转PNG的转换涉及了CAD设计、矢量图形和位图图像...

    将矢量图转xmal,SVG 图片转换为适合 WPF 使用的 XAML 代码

    - 对于简单的SVG图形,开发者可以直接阅读SVG源码并将其转换为XAML代码,主要替换相关属性和元素。 - 例如,SVG中的`<circle>`可以转换为XAML的`<Ellipse>`,`<path>`元素对应`<Path>`,坐标和尺寸也需要相应调整...

    JAVA WMF 转换SVG,PNG

    首先,`wmf2svg-0.9.5.jar`被用来将`input.wmf`转换为`output.svg`,然后`PNGTranscoder`类将SVG转换为PNG并保存为`output.png`。 总之,通过Java技术,特别是wmf2svg和Batik库,我们可以方便地将WMF和EMF图像转换...

    在线将SVG转换为Vue组件

    当需要在Vue项目中使用SVG图形时,将SVG转换为Vue组件可以带来诸多好处,例如代码复用、方便管理和样式控制。本文将深入探讨如何在线将SVG转换为Vue组件,并分享相关知识点。 1. SVG与Vue组件的优势 - **响应式...

    svg2mod, 将 Inkscape SVG图形转换为KiCad足迹模块.zip

    svg2mod, 将 Inkscape SVG图形转换为KiCad足迹模块 svg2mod这是一个小型程序,用于将 Inkscape SVG图形转换为KiCad足迹模块文件。 算法利用 python的和绘图模块对图形和近似曲线使用直线段进行解释,从而提高了图形...

    图片转换成svg格式工具

    SVG,全称Scalable Vector ...总之,将图片转换为SVG格式是一种提升图形质量和适应性的有效方法,尤其适用于网页设计、UI/UX设计、图标制作等领域。合理利用SVG,可以为你的项目带来更加高效、灵活和高质量的视觉呈现。

    图片转换成SVG文件

    “图片转换成SVG文件”这个工具提供了将常见的位图格式(如.jpg、.png、.gif)转换为SVG矢量格式的功能。这对于需要进行尺寸调整或希望在不同设备上保持高质量显示的图像处理非常有用。位图图像在放大时可能会变得...

    java实现cad(dxf格式)转svg

    本主题聚焦于使用Java编程语言将CAD的DXF(Drawing Exchange Format)格式转换为SVG(Scalable Vector Graphics)格式。DXF是一种由Autodesk为AutoCAD设计的二维图形交换格式,而SVG是一种基于XML的矢量图像格式,...

    开发自开源库SharpVectors将svg格式图片直接转换为Xaml代码

    SharpVectors是一个专门用于将SVG图形转换为XAML(eXtensible Application Markup Language)的库,XAML是WPF框架用来定义用户界面和逻辑的主要标记语言。通过SharpVectors,开发者可以将SVG图片转换为Xaml代码,...

    svg图形编辑器svgsvg

    在使用SVG图形编辑器时,开发者和设计师可以创建复杂的设计,然后将它们嵌入网页、应用程序或用作图标。SVG文件小巧,加载速度快,且支持跨平台和设备兼容,这使其成为现代Web开发中的首选图像格式之一。 通过学习...

    qt3写,保存格式为svg格式的矢量图形程序

    然后,可以使用QSvgGenerator类将这些图形导出为SVG文件。 在保存为XML格式的数据时,程序可能采用了Qt的XML模块,如QDomDocument和QDomElement等,来构建和序列化SVG的XML结构。这些类提供了操作XML文档的接口,...

    CAD文件转换为SVG文件的探讨.pdf

    CAD文件转换为SVG文件的研究是计算机图形处理领域的重要课题,尤其是在多领域应用CAD图纸数据的背景下,转换为SVG格式显得尤为重要。SVG格式是基于XML标准的矢量图形格式,由于其良好的可扩展性、小文件尺寸以及在...

    OFD转换PDF、IMG、SVG、HTML工具JAR包

    OFD文档转换支持 ...HTML转换: 使用上述SVG矢量图形转换作为显示效果层A,再将OFD文档中的文字(仅)解析为SVG作为文字复制层B,B置于A层之上,文字颜色transparent,无需关心字体,在移动端同样正常显示。

    react-SVGR将SVG转换为React组件

    为了解决这个问题,我们可以使用工具如`react-SVGR`,它能将SVG文件转换为React组件,方便我们在项目中高效地管理和使用SVG图标。 `react-SVGR`是一个强大的转换工具,它可以将SVG格式的图像自动转换为符合React...

    电力SVG图形浏览程序源代码

    1. **SVG解析器**:读取SVG文件并将其转换为内部表示,以便于渲染。 2. **图形渲染引擎**:将解析后的数据转化为屏幕上的图像,可能包括坐标转换、颜色处理等。 3. **用户界面**:提供浏览、缩放、平移等操作,以及...

    HTML5 SVG图形变形效果

    在实际应用中,HTML5 SVG图形变形效果能够增强用户体验,为网站增添动态元素,提高用户的参与度。特别是在数据可视化、游戏开发、图标设计等领域,SVG图形变形效果扮演着重要角色。通过学习和掌握SVG及相关的变形...

    C#Svg转换为png/jpeg等图片(C#版)

    例如,在Web应用中,用户可能需要将SVG图标或图形下载为PNG或JPEG格式以便于打印或在不支持SVG的浏览器中显示。以下是一个详细的步骤,介绍了如何在C#中实现这种转换: 1. **引用库**:首先,你需要引入一个能够...

    svg代码与css代码互相转换,并压缩

    相反,CSS到SVG的转换主要是为了将CSS的某些效果(如渐变、阴影等)转化为SVG图形,以获得更好的跨浏览器兼容性和性能。例如,CSS的线性渐变可以转换为SVG的`<linearGradient>`元素。 "svg2css-master"这个压缩包很...

Global site tag (gtag.js) - Google Analytics