廊坊市网站建设_网站建设公司_RESTful_seo优化

SVG：从基础到应用的全面指南

1. SVG 简介

SVG（Scalable Vector Graphics）是一种用于描述图像的标记语言。它对于 XSLT 来说十分重要，因为它允许使用 XSLT 从 XML 数据创建图形，而大多数图形格式为二进制格式，XSLT 在处理这些格式时通常会遇到困难。SVG 可用于在 HTML 页面中嵌入各种图形，如菜单列表、图表、饼图、树状图、动画或按钮等，甚至可以创建整个页面。

要查看 SVG 图形，需要下载能理解和渲染 SVG 的应用程序，例如适用于 Windows 的 Adobe SVG Viewer，可从 http://www.adobe.com/svg/viewer/install/main.html 下载。以下是一个简单的 SVG 图形示例（circle.svg）：

<svg viewBox="0 0 1200 400" xmlns="http://www.w3.org/2000/svg"> <circle r="100" cx="600" cy="200" fill="#C00" stroke="black" stroke-width="10" /> </svg>

这个 SVG 代码会在浏览器中显示一个带有黑色边框的红色圆圈。与位图图像不同，SVG 图形无论如何缩放，边缘都不会出现像素化，这体现了矢量图形相对于位图的优势。

SVG 使用命名空间来区分 SVG 元素和其他标记语言的元素，SVG 元素的命名空间是 http://www.w3