摘要：【在svg中使用JavaScript脚本】1、内部脚本JavaScript脚本在svg中分为内部脚本和外部脚本两种，内部和外部只是引用方式的区别，对程序的编写不造成影响。首先介绍一下内部脚本，它是如下形式嵌入到svg文档中的。SVG采用标签，与将JavaScript脚本加入HTML页面的标签相似，但... 阅读全文

摘要：滤镜的使用同前几章的等元素一样，也是先定义后使用.绚烂的效果背后是系统资源的巨大占用，所以是否使用滤镜需要根据实际情况来权衡。 阅读全文

摘要：【元素】 第一个是一个水平移动的矩形，变化的属性是矩形在X轴上的坐标，在3S内从（50,50）移动到（300,50）处，动画开始播放是在SVG文档完全解析3秒后，重复播放3次。第二个是一个从圆心不断变大的类似水波纹的效果，变化的属性是圆的半径，半径从0一直变化到30，就产生了这样的效果。第三个是变... 阅读全文

摘要：【SVG支持的SML动画元素的通用属性】SVG中的动画元素有五个，它们都可以随着时间的变化而改变SVG元素的属性或样式值，如下所示；：改变数值的属性或样式的值；：改变非数值的属性或样式的值，如visibility属性等；：沿着某路径移动SVG元素获得动画效果；：改变某些元素与颜色有关的属性或样式的值... 阅读全文

摘要：【文字：元素】基本属性x:文字左下角的X坐标，默认测量单位是当前用户坐标系单位，默认值是0.y：文字左下角的Y坐标.【中嵌套元素】通过该元素就可以对同一个元素内的文字位置、样式等属性进行单独或者部分设置，而不用再增加元素。基本属性：x：逐个定义文字左下角的X绝对坐标。"+"号表示这是一个列表值（下同... 阅读全文

摘要：剪裁和遮罩"本是同根生"，都是用来控制图像哪些部分需要显示，哪些部分无需显示的，剪裁其实是一种边缘清晰的遮罩。大家如果玩过剪纸，也许会有这种经验：拿两张纸叠加在一起，一张是已经剪好的，另外一张是未经剪裁的长方形纸。我们会按照已经剪好的纸的轮廓来裁减另外一张纸，最后两张纸的轮廓就会相差无几。剪裁的原理... 阅读全文

摘要：之前介绍过元素，它允许我们自定义图形元素。在本章中将要使用这个元素来定义SVG图形的色彩渐变、模式填充、剪裁和遮罩，还将介绍如何在svg中使用css样式表。【色彩渐变】svg中有两种色彩渐变：线性渐变和反射渐变。它们的渐变格式都被定义在元素中，然后在需要的SVG图元中引用它。线性渐变——是沿着直线方... 阅读全文