摘要： 简介： 可缩放矢量图形（Scalable Vector Graphics，SVG）是一种用于描述与比例无关的图形的 XML 格式，可以很好地支持免费软件和商业工具。在本期文章中，David 将介绍使用 SVG 编写脚本和动画，还将涉及通过 DOM 处理 SVG 等内容。SVG 由于是 XML 格式，因此可以支持通常用 XML 工具和库进行的转换和生成。标记本文！发布日期： 2005 年 5 月 16 日 级别： 初级 访问情况 526 次浏览 建议: 0 (添加评论) 平均分 （共 1 个评分 ）在 SVG 于 2001 年左右首次出现以前，已有相当多功能强大的矢量图形格式。Postscri 阅读全文

摘要： 我应该学习这个教程吗？第 1 页（共3 页）本教程辅助开发人员理解可伸缩向量图形（SVG）背后的概念以将它们作为静态文档或动态生成的内容创建。XML 经验不是必需的，但熟悉至少一种标记语言（如 HTML）是有用的。有关基本的 XML 信息，请参阅教程 Introduction to XML 。在本教程的结束部分的单个脚本编制示例中用到了 JavaScript，不过相当简单。本教程的内容第 2 页（共3 页）可伸缩向量图形（SVG）使得用文本指定出现在页面上的图像成为可能。例如，传统图形需要指定矩形的每一个像素，而 SVG 只要说明矩形存在，并指出它的大小、位置和其它属性即可。它的好处有很多，包 阅读全文

摘要： 在Opera下的效果：源码（tiger.svg）：[代码] 阅读全文

摘要： 除了上次的六个普通标签之外，SVG还支持复杂的路径标签：path使用path标签时，就像用指令的方式来控制一只画笔，比如：移动画笔到某一坐标位置，画一条线，画一条曲线，完事了抬起画笔，OVER！path支持的指令有：M = moveto(M X,Y) ：将画笔移动到指定的坐标位置L = lineto(L X,Y) ：画直线到指定的坐标位置H = horizontal lineto(H X)：画水平线到指定的X坐标位置V = vertical lineto(V Y)：画垂直线到指定的Y坐标位置C = curveto(C X1,Y1,X2,Y2,ENDX,ENDY)：三次贝赛曲线S = smoot 阅读全文

摘要： 以下六个标签是最常用的，相对简单一些的：1）line ： 直线代码解释：x1 属性在 x 轴定义线条的开始y1 属性在 y 轴定义线条的开始x2 属性在 x 轴定义线条的结束y2 属性在 y 轴定义线条的结束2）polyline ： 折线3）rect ： 矩形rect 元素的 width 和 height 属性可定义矩形的高度和宽度style 属性用来定义 CSS 属性CSS 的 fill 属性定义矩形的填充颜色（rgb 值、颜色名或者十六进制值）CSS 的 stroke-width 属性定义矩形边框的宽度CSS 的 stroke 属性定义矩形边框的颜色x 属性定义矩形的左侧位置（例如，x=" 阅读全文