2012年12月_灵影

12月 11月 10月 09月 07月 06月 05月 04月 03月

转载 HTML 5中SVG 2D笔画与填充

填充色 - fill属性这个属性使用设置的颜色填充图形内部，使用很简单，直接把颜色值赋给这个属性就可以了。看例子：rect x="10" y="10" width="100" height="100" stroke="blue" fill="red" fill-opacity="0.5" stroke-opacity="0.8"/> 上面例子中画了一个红色蓝边的矩

2012-12-26 09:49:39 672

转载 CSS属性display和visibility

大多数人很容易将CSS属性display和visibility混淆，它们看似没有什么不同，其实它们的差别却是很大的。visibility属性用来确定元素是显示还是隐藏的，这用visibility="visible|hidden"来表示（visible表示显示，hidden表示隐藏）。当visibility被设置为"hidden"的时候，元素虽然被隐藏了，但它仍然占据它原来所在的位置。例：

2012-12-20 16:50:34 355

转载 html下属性节点

datasetDOMStringMap {}isContentEditablefalseping""clickclick()accessKey""attributes[class="xhtml", href="#"]baseURI"file:///D:/Users/John%2.../Desktop/1.4/1_dom.h

2012-12-19 17:05:15 593

转载 firstElementChild与firstChild区别

Element Traversal规范中的firstElementChild、lastElementChild、previousElementSibling、nextElementSibling、childElementCount属性Element Traversal规范定义了ElementTraversal接口，它允许脚本遍历DOM树中的元素（element）节点，而不包含元素节点之外的

2012-12-19 16:51:15 13595

原创 svg平移、放大、缩小及js操作svg

在svg图形中，很重要的概念就是坐标系。首先分析一下width、height、viewBox这三个属性。width:宽度，这个宽度是指在页面中实际使用的大小，跟div中定义width是同样的含义。height：高度，含义同上。viewBox:视图框，是一个由字符串表示的，格式："0 0 2050 1000",--->(ULCx ULCy UUwidth UUheight)ULC

2012-12-19 15:47:05 7511

在JavaScript中，变量中可以存储的值主要有两种类型：原始值（primitive value）和引用值（reference value）。前者通常是固定而又简单的数据，存储在栈（stack）中，而后者则是比较大的对象，存储在堆（heap）中，而对于后者的调用，是通过存储在栈中的指针来完成的。原始类型有五种：Number、String、Boolean、Null和Undefined，引用类型都继

2012-12-19 08:21:17 422

转载 HSI、HSV、RGB、CMY、CMYK、HSL、HSB、Ycc、XYZ、Lab、YUV颜色模型

HSI、HSV、RGB、CMY、CMYK、HSL、HSB、Ycc、XYZ、Lab、YUV颜色模型HSV颜色空间 HSV(hue,saturation,value)颜色空间的模型对应于圆柱坐标系中的一个圆锥形子集，圆锥的顶面对应于V=1. 它包含RGB模型中的R=1，G=1，B=1 三个面，所代表的颜色较亮。色彩H由绕V轴的旋转角给定。红色对应于角度0° ，绿色对应于角度120°，蓝色

2012-12-17 14:29:06 1741

转载 svg标签

一、SVG中对图像标签的支持AttributeStyle:CSS fill 属性定义填充的颜色CSS stroke-width 属性指定填充线宽CSS stroke 属性指定border颜色CSS fill-opacity 属性定义填充颜色的透明度（从0到1）CSS stroke-opacity属性定义描边颜色的透明度（从0到1）CSS opacity属性定义整个元

2012-12-17 14:24:36 1056

转载 svg中transform的矩阵变换原理

transform的原理是计算机图形学中的2D矩阵变换，在开始之前，首先来复习下一个简单的线性代数知识：矩阵与向量乘法。太复的用不到，只需要3维向量与3x3矩阵的乘积：接下来我们来说说transform跟矩阵乘法的关系，我们的任何一个html元素渲染完成后可以得到一张位图，把这张位图上所有的点都做一次矩阵运算，将得到一张的新的位图，这就是transform的基本含义。首先来看最简单

2012-12-17 08:50:35 993

转载 SVG坐标系统与坐标转换

这一章非常基础，非常重要，同时也是相对比较难懂一点的，特别是ViewBox与视口的关系1.坐标系统与视口(ViewPort) SVG中的坐标系统也是由横坐标轴(X轴)、纵坐标轴(Y轴)和原点组成，SVG的坐标系统称为工作区坐标系统或者矩阵坐标系统。 SVG的渲染都是在一个矩形区域内发生的，这个有限的矩形区域在SVG中被称为"视口",超出这个视口的图形将不被显示，所

2012-12-15 18:09:41 2792 1