Question

ios 怎么用代码显示.svg 的矢量图

Answer 1

　　示例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/svg11.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 官方标准网站
　　svg.org 社群消息网站
　　svgx.org 新闻及资源网
　　about-svg.de
　　svgwiki
　　SVG Web
　　Opera开发网站上关于SVG的展示及教程（英文）