- 浏览: 322430 次
- 性别:
- 来自: 成都
最新评论
-
final7tifa:
感觉写的挺好
封装JAVA 通过反射 POI导出Excel文件(直接可用 含测试代码) -
漆停停:
...
封装JAVA 通过反射 POI导出Excel文件(直接可用 含测试代码) -
sybell:
很是不错的文章,不过要达到熟练使用,都还在实际项目中使用。
Effective Java学习(并发)之——同步访问共享可变数据
文章列表
VI编辑器
VI编辑器是UNIX世界中最通用的全屏编辑器,Linux中用的是VI的加强版VIM,VIM同VI完全兼容。在Linux系统中,VI和VIM是完全等价的两条命令,都可以启动VI编辑器。
VI编辑器可以执行输出,删除,查找,替换,块操作等众多文本操作,而且用户还可以根据自己的需求对其进行定制,这是其他编辑器程序所没有的。VI编辑器以命令的方式处理文本,尽管不如图形化处理方式直观,但它具有操作速度快、功能全面等有点,另外,VI不是一个排版程序,他不想Word和WPS那样可以对字体,格式,段落等其他属性进行编排,他只是一个文本编辑程序。V ...
来自 W3C 推荐标准 (SVG Version 1.1) 的 SVG 元素
SVG 元素
元素列中的链接指向了具体元素的相关属性和更多有用的信息。
元素
描述
a
定义超链接
altGlyph
允许对象性文字进行控制,来呈现特殊的字符数据(例如,音乐符号或亚洲的文字)
altGlyphDef
定义一系列象性符号的替换(例如,音乐符号或者亚洲文字)
altGlyphItem
定义一系列候选的象性符号的替换
animate
随时间动态改变属性
animateColor
规定随时间进行的颜色转换
animateMotion ...
查看 SVG 文件
如果没有安装 SVG 查看器,您就无法查看 SVG 文件。
注释:Firefox 1.5 和 Opera 9 对 SVG 的支持是原生性的。假如您使用这些浏览器中的一款,就不必安装 SVG 查看器。
从 Adobe 免费下载 SVG 查看器。
查看 SVG 源代码
如需查看 SVG 源代码,请打开这些例子,然后在窗口中右键单击,选择“查看源代码”。
SVG 实例
SVG 形状
矩形
带有透明度的矩形
带有透明度的矩形 2
带有圆角的矩形
圆形
椭圆形
累叠而上的三个椭圆
两个椭圆
一条线
三角形
四边形
折线
路径
螺旋
SVG 滤镜
...
1,首先我们应该知道 three.js是做什么的?
hree.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。Three.js 是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场景,包括了摄影机、光影、材质等各种对象。
说白了,他就是基于WebGL 规范的一个可以直接在浏览器呈现3D效果的一个第三方类库,类似于Javascript的Jquery插件。
下面我们通过一个简单的入门事例来具体说明一下通过three.js在浏览器上呈现一个3D效果的基本流程。
创建之前:
<!DOCTYPE html> ...
SVG 渐变必须在 <defs> 标签中进行定义。
放射性渐变
<radialGradient> 用来定义放射性渐变。
<radialGradient> 标签必须嵌套在 <defs> 中。<defs> 标签是 definitions 的缩写,它允许对诸如渐变等特殊元素进行定义。
请把下面的代码拷贝到记事本,然后把文件保存为 "radial1.svg"。把此文件放入您的 web 目录:
<?xml version="1.0" standalo ...
SVG 渐变必须在 <defs> 标签中进行定义。
SVG 渐变
渐变是一种从一种颜色到另一种颜色的平滑过渡。另外,可以把多个颜色的过渡应用到同一个元素上。
在 SVG 中,有两种主要的渐变类型:
线性渐变
放射性渐变
线性渐变
<linearGradient> 可用来定义 SVG 的线性渐变。
<linearGradient> 标签必须嵌套在 <defs> 的内部。<defs> 标签是 definitions 的缩写,它可对诸如渐变之类的特殊元素进行定义。
线性渐变可被定义为水平、垂 ...
必须在 <defs> 标签中定义 SVG 滤镜。
高斯模糊(Gaussian Blur)
<filter> 标签用来定义 SVG 滤镜。<filter> 标签使用必需的 id 属性来定义向图形应用哪个滤镜?
<filter> 标签必须嵌套在 <defs> 标签内。<defs> 标签是 definitions 的缩写,它允许对诸如滤镜等特殊元素进行定义。
请把下面的代码拷贝到记事本,然后把文件保存为 "filter1.svg"。把此文件放入您的 web 目录:
<?xml ver ...
SVG 滤镜用来向形状和文本添加特殊的效果。
SVG 滤镜
在 SVG 中,可用的滤镜有:
feBlend
feColorMatrix
feComponentTransfer
feComposite
feConvolveMatrix
feDiffuseLighting
feDisplacementMap
feFlood
feGaussianBlur
feImage
feMerge
feMorphology
feOffset
feSpecularLighting
feTile
feTurbulence
feDistantLight
fePo ...
<path> 标签用来定义路径。
<path> 标签
<path> 标签用来定义路径。
下面的命令可用于路径数据:
M = moveto
L = lineto
H = horizontal lineto
V = vertical lineto
C = curveto
S = smooth curveto
Q = quadratic Belzier curve
T = smooth quadratic Belzier curveto
A = elliptical Arc
Z = closepath
注释:以上所有 ...
SVG <polyline> 标签用来创建仅包含直线的形状。
<polyline> 标签
<polyline> 标签用来创建仅包含直线的形状。
请把下面的代码拷贝到记事本,然后把文件保存为 "polyline1.svg"。把此文件放入您的 web 目录:
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
&qu ...
<polygon> 标签用来创建含有不少于三个边的图形。
<polygon> 标签
<polygon> 标签用来创建含有不少于三个边的图形。
请把下面的代码拷贝到记事本,然后把文件保存为 "polygon1.svg"。把此文件放入您的 web 目录:
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http ...
<line> 标签用来创建线条。
<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/SV ...
<ellipse> 标签可用来创建椭圆。
<ellipse> 标签
<ellipse> 标签可用来创建椭圆。椭圆与圆很相似。不同之处在于椭圆有不同的 x 和 y 半径,而圆的 x 和 y 半径是相同的。
请把下面的代码拷贝到记事本,然后 ...
<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/Grap ...
SVG 有一些预定义的形状元素,可被开发者使用和操作。
SVG 形状
SVG 有一些预定义的形状元素,可被开发者使用和操作:
矩形 <rect>
圆形 <circle>
椭圆 <ellipse>
线 <line>
折线 <polyline>
多边形 <polygon>
路径 <path>
下面的章节会为您讲解这些元素,首先从矩形元素开始。
<rect> 标签
<rect> 标签可用来创建矩形,以及矩形的变种。
要理解它的工作原 ...