svg设计工具-SVG和图标字体管理工具

由于svg是矢量图文件,一般的图片查看工具无法打开,使用Adobe

Illustrator可以查看而且能够再次编辑svg文件,还能导出保存为svg或其他格式的文件。svg文件还可以同过浏览器打开,如使用火狐浏览器就可以直接svg文件,不过有些浏览器可能要安装插件,其它的软件还有如SVGDeveloper专业svg格式编辑软件。

IconJar Mac留下了您的设计资产文件夹,让您可以轻松访问您的图标。您的图标管理器始终只需一次点击。它为SVG和图标字体提供了令人难以置信的支持,您可以拖放到任何应用程序中。

拖放到您的Mac上的任何应用程序

它甚至可以与您在使用我们的QuickDrag选项时不支持SVG的应用程序结合使用。QuickDrag可以以任何大小,颜色和各种文件格式拖放图标。我们的目标是让IconJar成为您的工作流程的一部分,而无需注意。

轻松导出图标并可选择使用内置预设

借助我们的导出功能,设计交付变得非常容易。只需选择你想要的图标,挑选你喜欢的尺寸,点击导出,我们将处理剩下的部分。

IconJar Mac会在后面浏览设计资源文件夹,因此您可以轻松使用图标。只需点击一下就可以为你创建心仪的图标,并且为您提供完成图标所需的一切。

示例SVG显示如图SVG格式是XML的一种,SVG文件其实只是普通的文本文件,用一般的文本编辑器便可查看或修改。

<?xml version="1.0"?>

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"

"http://www。w3。org/Graphics/SVG/1.1/DTD/">

<svg xmlns="http://www。w3。org/2000/svg" version="1.1"

width="467" height="462">

<!-- This is the red square: -->

<rect x="80" y="60" width="250" height="250" rx="20" fill="red"

stroke="black" stroke-width="2px" />

<!-- This is the blue square: -->

<rect x="140" y="120" width="250" height="250" rx="40" fill="blue"

stroke="black" stroke-width="2px" fill-opacity="0.7" />

</svg>

[编辑] SVG显示

[编辑] 插件支持

目前,最常用的SVG插件来自Adobe公司(Adobe SVG Viewer),另外Corel也提供SVG浏览器(Corel SVG Viewer)。

[编辑] 本地支持

比较著名的 SVG 项目包括 Mozilla SVG Project,KDE 的 KSVG,以及 Amaya 等。

Mozilla Firefox自版本 1.5 发行后,即开始支援 SVG 格式的显示。

基于 Java 的 SVG 项目主要有 Batik SVG Toolkit 等。

Opera、Google Chrome和Safari支持SVG显示。

Microsoft的Internet Explorer至8.0版为止,尚未支援SVG。

[编辑] 各种SVG解释器支持程度比较

W3C的SVG网站上有一个测试套件可以用来测试SVG解释器对于标准的支持。这个套件既可以在线运行也可以下载到本地运行。截至2007年中,对于流行的SVG软件有如下测试结果:

对SVG支持最好的浏览器是Opera,它支持大多数的SVG特性。

对于专门的SVG浏览器,Batik SVG viewer能对大多数特性有良好支持,与Opera不相伯仲。但它不能和浏览器互动。

加载了Adobe SVG Viewer的Internet Explorer也能支持多数SVG特性,但是由于没有浏览器的原生支持,在交互方面许多特性不支持。

Mozilla Firefox 2.0对SVG特性的支持相当弱,许多重要特性如动画等都不能支持。

[编辑] 设计工具

能够设计SVG图形作品的软件工具包括Adobe Illustrator以及CorelDRAW等。

而开放源代码的软件有Scribus、Karbon14、Inkscape以及Sodipodi等。

[编辑] 软件支援

Adobe 公司 SVG 插件 及 Adobe 公司 SVG 应用实例演示

Inkscape 开放源代码的软体

Karbon14 开放源代码的软体

Sodipodi 开放源代码的软体

Mozilla SVG and Mozilla SVG 演示

Firefox 1.5-首个 Firefox 版本开始支援显示 SVG 格式

Opera 浏览器-Opera 8.0 版开始支援显示 SVG Tiny 1.1 的 spec 规格

[编辑] 参考资料

^ M Media Type registration for image/svg+xml

[编辑] 外部连接

相关的维基共享资源:

可缩放矢量图形 W3C SVG 官方标准网站

社群消息网站

新闻及资源网

svgwiki

SVG Web

Opera开发网站上关于SVG的展示及教程(英文)