代码改变世界

随笔档案-2014年02月

svg学习(九)path

2014-02-06 23:33 by 很大很老实, 483 阅读, 收藏,
摘要: 标签用来定义路径。下面的命令可用于路径数据:M = movetoL = linetoH = horizontal linetoV = vertical linetoC = curvetoS = smooth curvetoQ = quadratic Belzier curveT = smooth quadratic Belzier curvetoA = elliptical ArcZ = closepath注释:以上所有命令均允许小写字母。大写表示绝对定位,小写表示相对定位。上面的例子定义了一条路径,它开始于位置 250 150,到达位置 150 350,然后从那里开始到 350 350,最. 阅读全文

svg学习(八)polyline

2014-02-06 23:24 by 很大很老实, 1276 阅读, 收藏,
摘要: 标签用来创建仅包含直线的形状。 阅读全文

qunit学习(一)

2014-02-05 09:31 by 很大很老实, 330 阅读, 收藏,
摘要: QUnit是一个强大的JavaScript单元测试框架,用于调试代码。该框架是由jQuery团队的成员所开发,并且是jQuery的官方测试套件。任意正规JavaScript代码QUnit都能测试。其官方网站是:www.qunitjs.com目前最新版本是1.14.按照其官方网站的例子,现在后,放在resources目录下。并生成两个文件,分别是test.html和tests.js QUnit Example 这里需要注意一点,官方网站上,/resources前面,没有点,但是,调试时候发现,是需要.的。test( "hello test", function() { ... 阅读全文

svg学习(七)polygon

2014-02-04 23:06 by 很大很老实, 1541 阅读, 收藏,
摘要: 标签用来创建含有不少于三个边的图形。points 属性定义多边形每个角的 x 和 y 坐标创建个四边形 阅读全文

svg学习(六)line

2014-02-04 23:05 by 很大很老实, 661 阅读, 收藏,
摘要: 标签用来创建线条。代码解释:x1 属性在 x 轴定义线条的开始y1 属性在 y 轴定义线条的开始x2 属性在 x 轴定义线条的结束y2 属性在 y 轴定义线条的结束 阅读全文

svg学习(五)ellipse

2014-02-04 23:03 by 很大很老实, 470 阅读, 收藏,
摘要: 标签 标签可用来创建椭圆。椭圆与圆很相似。不同之处在于椭圆有不同的 x 和 y 半径,而圆的 x 和 y 半径是相同的。代码解释:cx 属性定义圆点的 x 坐标cy 属性定义圆点的 y 坐标rx 属性定义水平半径ry 属性定义垂直半径下面的例子创建了三个累叠而上的椭圆:下面的例子组合了两个椭圆(一个黄的和一个白的): 阅读全文

svg学习(四)circle

2014-02-04 22:59 by 很大很老实, 681 阅读, 收藏,
摘要: 标签代码解释:cx 和 cy 属性定义圆点的 x 和 y 坐标。如果省略 cx 和 cy,圆的中心会被设置为 (0, 0)r 属性定义圆的半径。> 标签可用来创建一个圆。 阅读全文

svg学习(三)rect

2014-02-04 22:58 by 很大很老实, 826 阅读, 收藏,
摘要: 标签 标签可用来创建矩形,以及矩形的变种。要理解它的工作原理,请把这些代码拷贝到记事本,然后保存为 "rect1.svg" 文件。把此文件放入web目录中:代码解释:rect 元素的 width 和 height 属性可定义矩形的高度和宽度style 属性用来定义 CSS 属性CSS 的 fill 属性定义矩形的填充颜色(rgb 值、颜色名或者十六进制值)CSS 的 stroke-width 属性定义矩形边框的宽度CSS 的 stroke 属性定义矩形边框的颜色例子解释:x 属性定义矩形的左侧位置(例如,x="0" 定义矩形到浏览器窗口左侧的距离是 0p 阅读全文

svg学习(二)

2014-02-04 22:40 by 很大很老实, 266 阅读, 收藏,
摘要: svg嵌入html有以下3种方式:OBJECT采用Object标签的一个好处是,这是一个标准的Html 4及以上规范的有效Tag,但可惜的如果你用的是最新的Adobe Viewer,那么反而是显示不出图象来:)EMBED这是推荐的一种写法,在ie与ff中,皆可工作,也可通过script使HTML与SVG相互通信,但不幸的是,embed不是一个规范的标签,所以不能直接用在严格的XHTML中,不过这个可以能过一个简单的trick来解决,改动一下DTD定义即可。IFRAME这个方式没什么好说的,完全OK,就是iframe的边框需要额外设置一下。 阅读全文

svg学习(一)

2014-02-04 22:37 by 很大很老实, 292 阅读, 收藏,
摘要: SVG 是使用 XML 来描述二维图形和绘图程序的语言。什么是SVG?SVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用来定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图形SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失SVG 是万维网联盟的标准SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体与其他图像格式相比,使用 SVG 的优势在于:SVG 可被非常多的工具读取和修改(比如记事本)SVG 与 JPEG 和 GIF 图像比起来,尺寸更小,且可压缩性更强。SVG 是可伸缩的SVG 图像可在任何的分辨率下被高质量地打印 阅读全文