SVG 模糊效果
注意： Internet Explorer和Safari不支持SVG滤镜！
<defs> 和 <filter>
所有互联网的SVG滤镜定义在<defs>元素中。<defs>元素定义短并含有特殊元素（如滤镜）定义。
<filter>标签用来定义SVG滤镜。<filter>标签使用必需的id属性来定义向图形应用哪个滤镜？
……继续阅读 »
2年前 (2022-07-25) 320浏览 0评论
0个赞
SVG <line>
SVG 直线 – <line>
<line> 元素是用来创建一个直线：
下面是SVG代码：
实例
<svg xmlns=”http://www.w3.org/2000/svg” version=”1.1″>
<line x1=”0″ y1=&……继续阅读 »
2年前 (2022-07-20) 339浏览 0评论
0个赞
SVG Stroke 属性
SVG Stroke 属性
SVG提供了一个范围广泛stroke 属性。在本章中，我们将看看下面：
stroke
stroke-width
stroke-linecap
stroke-dasharray
所有stroke属性，可应用于任何种类的线条，文字和元素就像一个圆的轮廓。
SVG stroke 属性
Stroke属性定义一条线，文本或元素轮廓颜色：
下面是SVG代码：
实……继续阅读 »
2年前 (2022-07-19) 315浏览 0评论
0个赞
SVG 滤镜
SVG滤镜用来增加对SVG图形的特殊效果。
SVG 滤镜
在本教程中，我们将仅展示一个可能采用的特殊效果。基础知识展示后，你已经学会使用特殊效果，你应该能够适用于其他地方。这里的关键是给你一个怎样做SVG的想法，而不是重复整个规范。
SVG可用的滤镜是：
feBlend – 与图像相结合的滤镜
feColorMatrix – 用于彩色滤光片转换
feComponentTr……继续阅读 »
2年前 (2022-07-18) 216浏览 0评论
0个赞
SVG 在 HTML 页面
SVG 文件可通过以下标签嵌入 HTML 文档：<embed>、<object> 或者 <iframe>。
SVG的代码可以直接嵌入到HTML页面中，或您可以直接链接到SVG文件。
使用 <embed> 标签
<embed>:
优势：所有主要浏览器都支持，并允许使用脚本
缺点：不推荐在HTML4和XHTML中使用（但在HT……继续阅读 »
2年前 (2022-07-17) 154浏览 0评论
0个赞
SVG <polyline>
SVG 多段线 – <polyline>
实例 1
<polyline> 元素是用于创建任何只有直线的形状：
Sorry, your browser does not support inline SVG.
下面是SVG代码：
实例
<svg xmlns="http://www.w3.org/2000/svg&quo……继续阅读 »
2年前 (2022-07-16) 344浏览 0评论
0个赞
SVG 实例
在线实例
下面的例子是把SVG代码直接嵌入到HTML代码中。
谷歌Chrome，火狐，Internet Explorer9，和Safari都支持。
注意：下面的例子将不会在Opera运行，即使Opera支持SVG – 它也不支持SVG在HTML代码中直接使用。
SVG 实例
SVG基本形状
一个圆
矩形
不透明矩形
一个矩形不透明2
一个带圆角矩形
一个椭圆
累叠而上的三个椭圆
两个椭……继续阅读 »
2年前 (2022-07-01) 199浏览 0评论
0个赞
SVG 阴影
注意： Internet Explorer和Safari不支持SVG滤镜！
<defs> 和 <filter>
所有互联网的SVG滤镜定义在<defs>元素中。<defs>元素定义短并含有特殊元素（如滤镜）定义。
<filter>标签用来定义SVG滤镜。<filter>标签使用必需的id属性来定义向图形应用哪个滤镜？
SVG……继续阅读 »
2年前 (2022-06-29) 191浏览 0评论
0个赞
SVG <rect>
SVG Shapes
SVG有一些预定义的形状元素，可被开发者使用和操作：
矩形 <rect>
圆形 <circle>
椭圆 <ellipse>
线 <line>
折线 <polyline>
多边形 <polygon>
路径 <path>
下面的章节会为您讲解这些元素，首先从矩形元素开始。
……继续阅读 »
2年前 (2022-06-28) 153浏览 0评论
0个赞
SVG <rect>
SVG Shapes
SVG有一些预定义的形状元素，可被开发者使用和操作：
矩形 <rect>
圆形 <circle>
椭圆 <ellipse>
线 <line>
折线 <polyline>
多边形 <polygon>
路径 <path>
下面的章节会为您讲解这些元素，首先从矩形元素开始。
……继续阅读 »
2年前 (2022-06-28) 359浏览 0评论
0个赞
SVG <text>
SVG 文本 – <text>
<text> 元素用于定义文本。
实例 1
写一个文本：
下面是SVG代码：
实例
<svg xmlns=”http://www.w3.org/2000/svg” version=”1.1″>
<text x=”0&……继续阅读 »
2年前 (2022-06-24) 158浏览 0评论
0个赞
SVG Stroke 属性
SVG Stroke 属性
SVG提供了一个范围广泛stroke 属性。在本章中，我们将看看下面：
stroke
stroke-width
stroke-linecap
stroke-dasharray
所有stroke属性，可应用于任何种类的线条，文字和元素就像一个圆的轮廓。
SVG stroke 属性
Stroke属性定义一条线，文本或元素轮廓颜色：
下面是SVG代码：
实……继续阅读 »
2年前 (2022-06-21) 200浏览 0评论
0个赞
SVG <path>
SVG 路径 – <path>
<path> 元素用于定义一个路径。
下面的命令可用于路径数据：
M = moveto
L = lineto
H = horizontal lineto
V = vertical lineto
C = curveto
S = smooth curveto
Q = quadratic Bézier curve
T……继续阅读 »
2年前 (2022-06-19) 233浏览 0评论
0个赞
SVG 渐变- 放射性
SVG 放射性渐变 – <radialGradient>
<radialGradient>元素用于定义放射性渐变。
<radialGradient>标签必须嵌套在<defs>的内部。<defs>标签是definitions的缩写，它可对诸如渐变之类的特殊元素进行定义。
实例 1
定义一个放射性渐变从白色到蓝色椭圆：
……继续阅读 »
2年前 (2022-06-17) 227浏览 0评论
0个赞
SVG
简介
SVG 是使用 XML 来描述二维图形和绘图程序的语言。
学习之前应具备的基础知识：
继续学习之前，你应该对以下内容有基本的了解：
HTML
XML 基础
如果希望首先学习这些内容，请在本站的首页选择相应的教程。
什么是SVG？
SVG 指可伸缩矢量图形 (Scalable Vector Graphics)
SVG 用来定义用于网络的基于矢量的图形
SVG 使用 XML 格式定义图形
SVG……继续阅读 »
2年前 (2022-06-17) 72浏览 0评论
0个赞
SVG <path>
SVG 路径 – <path>
<path> 元素用于定义一个路径。
下面的命令可用于路径数据：
M = moveto
L = lineto
H = horizontal lineto
V = vertical lineto
C = curveto
S = smooth curveto
Q = quadratic Bézier curve
T……继续阅读 »
2年前 (2022-06-16) 170浏览 0评论
0个赞
SVG 阴影
注意： Internet Explorer和Safari不支持SVG滤镜！
<defs> 和 <filter>
所有互联网的SVG滤镜定义在<defs>元素中。<defs>元素定义短并含有特殊元素（如滤镜）定义。
<filter>标签用来定义SVG滤镜。<filter>标签使用必需的id属性来定义向图形应用哪个滤镜？
SVG……继续阅读 »
2年前 (2022-06-15) 155浏览 0评论
0个赞
SVG <circle>
SVG 圆形 – <circle>
<circle> 标签可用来创建一个圆：
下面是SVG代码：
实例
<svg xmlns=”http://www.w3.org/2000/svg” version=”1.1″>
<circle cx=”100……继续阅读 »
2年前 (2022-06-12) 132浏览 0评论
0个赞
SVG 在 HTML 页面
SVG 文件可通过以下标签嵌入 HTML 文档：<embed>、<object> 或者 <iframe>。
SVG的代码可以直接嵌入到HTML页面中，或您可以直接链接到SVG文件。
使用 <embed> 标签
<embed>:
优势：所有主要浏览器都支持，并允许使用脚本
缺点：不推荐在HTML4和XHTML中使用（但在HT……继续阅读 »
2年前 (2022-06-11) 156浏览 0评论
0个赞
SVG 教程
SVG 意为可缩放矢量图形（Scalable Vector Graphics）。
SVG 使用 XML 格式定义图像。
现在开始学习 SVG!
SVG 实例
<html>
<body>
<h1>My first SVG</h1>
<svg xmlns="http://www.w3.org/2000/svg" version=&……继续阅读 »
2年前 (2022-06-08) 157浏览 0评论
0个赞
SVG <line>
SVG 直线 – <line>
<line> 元素是用来创建一个直线：
下面是SVG代码：
实例
<svg xmlns=”http://www.w3.org/2000/svg” version=”1.1″>
<line x1=”0″ y1=&……继续阅读 »
2年前 (2022-06-08) 126浏览 0评论
0个赞
SVG 参考手册
SVG 元素
元素
说明
属性
<a>
创建一个SVG元素周围链接
xlink:show
xlink:actuate
xlink:href
target
<altGlyph>
允许对象性文字进行控制，来呈现特殊的字符数据
x
y
dx
dy
rotate
glyphRef
format
xlink:href
<altGlyphD……继续阅读 »
2年前 (2022-06-06) 201浏览 0评论
0个赞
SVG <circle>
SVG 圆形 – <circle>
<circle> 标签可用来创建一个圆：
下面是SVG代码：
实例
<svg xmlns=”http://www.w3.org/2000/svg” version=”1.1″>
<circle cx=”100……继续阅读 »
2年前 (2022-06-05) 142浏览 0评论
0个赞
SVG 参考手册
SVG 元素
元素
说明
属性
<a>
创建一个SVG元素周围链接
xlink:show
xlink:actuate
xlink:href
target
<altGlyph>
允许对象性文字进行控制，来呈现特殊的字符数据
x
y
dx
dy
rotate
glyphRef
format
xlink:href
<altGlyphD……继续阅读 »
2年前 (2022-06-03) 65浏览 0评论
0个赞
SVG <ellipse>
SVG 椭圆 – <ellipse>
实例 1
<ellipse> 元素是用来创建一个椭圆：
椭圆与圆很相似。不同之处在于椭圆有不同的x和y半径，而圆的x和y半径是相同的：
下面是SVG代码：
实例
<svg xmlns="http://www.w3.org/2000/svg" version="1.1……继续阅读 »
2年前 (2022-06-02) 76浏览 0评论
0个赞
SVG 实例
在线实例
下面的例子是把SVG代码直接嵌入到HTML代码中。
谷歌Chrome，火狐，Internet Explorer9，和Safari都支持。
注意：下面的例子将不会在Opera运行，即使Opera支持SVG – 它也不支持SVG在HTML代码中直接使用。
SVG 实例
SVG基本形状
一个圆
矩形
不透明矩形
一个矩形不透明2
一个带圆角矩形
一个椭圆
累叠而上的三个椭圆
两个椭……继续阅读 »
2年前 (2022-06-02) 204浏览 0评论
0个赞
SVG <polyline>
SVG 多段线 – <polyline>
实例 1
<polyline> 元素是用于创建任何只有直线的形状：
Sorry, your browser does not support inline SVG.
下面是SVG代码：
实例
<svg xmlns="http://www.w3.org/2000/svg&quo……继续阅读 »
2年前 (2022-06-02) 381浏览 0评论
0个赞
SVG <polygon>
SVG 多边形 – <polygon>
实例 1
<polygon> 标签用来创建含有不少于三个边的图形。
多边形是由直线组成，其形状是”封闭”的（所有的线条
连接起来）。
polygon来自希腊。 “Poly”
意味 “many” ， “gon……继续阅读 »
2年前 (2022-06-02) 104浏览 0评论
0个赞
SVG 滤镜
SVG滤镜用来增加对SVG图形的特殊效果。
SVG 滤镜
在本教程中，我们将仅展示一个可能采用的特殊效果。基础知识展示后，你已经学会使用特殊效果，你应该能够适用于其他地方。这里的关键是给你一个怎样做SVG的想法，而不是重复整个规范。
SVG可用的滤镜是：
feBlend – 与图像相结合的滤镜
feColorMatrix – 用于彩色滤光片转换
feComponentTr……继续阅读 »
2年前 (2022-05-30) 162浏览 0评论
0个赞
SVG <text>
SVG 文本 – <text>
<text> 元素用于定义文本。
实例 1
写一个文本：
下面是SVG代码：
实例
<svg xmlns=”http://www.w3.org/2000/svg” version=”1.1″>
<text x=”0&……继续阅读 »
2年前 (2022-05-30) 324浏览 0评论
0个赞
