- 浏览: 77782 次
- 性别:
- 来自: 北京
文章列表
<polygon> 标签
<polygon> 标签用来创建含有不少于三个边的图形。
请把下面的代码拷贝到记事本,然后把文件保存为 "polygon1.svg"。把此文件放入您的 web 目录:
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd& ...
<line> 标签
<line> 标签用来创建线条。
请把下面的代码拷贝到记事本,然后把文件保存为 "line1.svg"。把此文件放入您的 web 目录:
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg ...
<ellipse> 标签
<ellipse> 标签可用来创建椭圆。椭圆与圆很相似。不同之处在于椭圆有不同的 x 和 y 半径,而圆的 x 和 y 半径是相同的。
请把下面的代码拷贝到记事本,然后把文件保存为 "ellipse1.svg"。把此文件放入您的 web 目录:
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www ...
<circle> 标签可用来创建一个圆。
<circle> 标签
<circle> 标签可用来创建一个圆。
请把下面的代码拷贝到记事本,然后把文件保存为 "circle1.svg"。把此文件放入您的web目录:
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1 ...
SVG 有一些预定义的形状元素,可被开发者使用和操作。
SVG 形状
SVG 有一些预定义的形状元素,可被开发者使用和操作:
矩形 <rect>
圆形 <circle>
椭圆 <ellipse>
线 <line>
折线 <polyline>
多边形 <polygon>
路径 <path>
下面的章节会为您讲解这些元素,首先从矩形元素开始。
<rect> 标签
<rect> 标签可用来创建矩形,以及矩形的变种。
要理解它的工作原理,请把这些代码拷贝到记事本,然后保存为 &q ...
SVG 元素
元素列中的链接指向了具体元素的相关属性和更多有用的信息。
元素 描述
a 定义超链接
altGlyph 允许对象性文字进行控制,来呈现特殊的字符数据(例如,音乐符号或亚洲的文字)
altGlyphDef 定义一系列象性符号的替换 ...
DOCTYPE声明的作用及用法详解
2008.08.26 jom ch
文章索引
DOCTYPE声明的作用及用法详解
使用正确的doctype声明
选择什么样的DOCTYPE
DOCTYPE HTML PUBLIC官方的定义
所有页面
页面 1 总共 4
DOCTYPE是document type(文档类型)的简写,用来说明你用的XHTML或者HTML是什么版本。DOCTYPE声明的作用是指出阅读程序应该用什么规则集来解释文档中的标记。不正确的doctype声明经常导致网页不正确显示,或者导致它们根本不能显示。本文章详细介绍了DOCTYPE声明的作用及用法。
来源 ...
SVG元素和代码解释
2008.08.27 万里
SVG中图形元素(graphics element)是可以用来在目标画布上画出图形的元素,包括定义的标准形状,特别是矩形、圆形、椭圆形、直线、折线和多边形等。文章介绍了SVG元素的代码及其含意。SVG元素分为图形元素、容器元素、图形引用元素、文本、SVG文档片断内容。
来源:SVG中国(ChinaSVG.COM)
1 图形元素
SVG中图形元素(graphics element)是可以用来在目标画布上画出图形的元素,包括定义的标准形状,特别是矩形、圆形、椭圆形、直线、折线和多边形等。
(1) 矩形
矩形用元素rect来 ...
SVG DOM常用属性和方法介绍
2008.09.14 黄凯伟
12.2 SVG DOM常用属性和方法介绍
http://book.csdn.net/bookfiles/605/10060519574.shtml
将以Adobe SVG Viewer提供的属性和方法为准,因为不同解析器对JavaScript以及相关的属性和方法支持的程度不同,有些方法和属性是某个解析器所特有的。SVG支持DOM2标准。
12.2.1 文档初始化相关
evt属性
evt表示事件本身,可以通过evt获取与当前事件相关的信息,用户可以在script中定义响应函数,进行相应的处理。它与普通J ...
SVG坐标系统与SVG视口(ViewPort)
2008.09.12 黄凯伟
介绍SVG坐标系统与SVG视口(ViewPort)知识,通过SVG坐标与常见的测量坐标系统的比较,让我们了解SVG坐标的特点。SVG中的坐标系统是由横坐标轴(X轴)、纵坐标轴(Y轴)和原点组成,跟常见的测量坐标系不同的是,SVG的坐标系统的原点在左上角而不是右下角。
SVG中的坐标系统是由横坐标轴(X轴)、纵坐标轴(Y轴)和原点组成,跟常见的测量坐标系不同的是,SVG的坐标系统的原点在左上角而不是右下角,SVG的坐标系统也被称为工作区坐标系统或者矩阵坐标系统。如图1所示。
SVG的渲染都是在一个矩形 ...
SVG语法教程指南中文版
2008.03.16 Vicos
来源:SVG中国(ChinaSVG.COM)
翻译:蔡发明
英文版:http://w3schools.com/svg/default.asp
(对照W3C官方英文版格式,再做一次翻译修正,最末部分还待翻译完成)
1 SVG简介
SVG是由W3C制定的基于可扩展标记语言(XML)来描述二维矢量图型的一个开放标准。
1.1 学习之前应具备的知识基础
你应该确保你有以下知识基础以便在后面更好的学习和理解SVG,并达到事半功倍的效果:
* HTML
* Basic XML
如果你想先学习一下这些知 ...
在用div布局时,我们会经常用到绝对定位,绝对定位的意思是按照其父节点进行上下左右的偏移。
绝对定位一般要用到:top,left,right,bottom这个四个属性。
现在大多数主流浏览器都支持这个四个属性(出IE6以外)