绘图
文章平均质量分 84
ice_i_snow
这个作者很懒,什么都没留下…
展开
-
使用CSS绘制基本图形
你懂得,不解释,直接上代码。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title> New Document </titl原创 2012-03-31 15:12:06 · 90 阅读 · 0 评论 -
Raphael学习笔记(1)--简介
Raphael是一个JavaScript类库,用来在web上绘制矢量图。Raphael通过判断浏览器的不同,创建svg或vml对象,从而达到跨浏览器的效果。【svg简介,svg入门教程,vml简介,vml入门教程】 这意味着,无论是svg还是vml对象,都是一种DOM对象,所以我们可以为它们绑定事件或者修改它们。 Raphael支持用户自定义的扩展,我们可以在此之上扩展自己的组件。例如:...原创 2012-04-07 17:06:25 · 221 阅读 · 0 评论 -
Raphael学习笔记(2)--绘图(基本图形)
1、图形简介 与html5不同,Raphael提供了以下基本图形:矩形、圆形、椭圆形(html5只有矩形)。 Paper.rect(x,y,width,height,r):绘制矩形;参数含义: x,y:矩形左上角相对于原点(0,0)的坐标; width,height:矩形的宽度和高度; r:矩形圆角的半径; Paper.circle(x,y,r):绘制圆形;...原创 2012-04-09 16:05:37 · 140 阅读 · 0 评论 -
Raphael学习笔记(3)--绘图(路径【直线】)
1、路径简介 Paper.path(pathString):绘制路径;参数含义: pathString:描述路径的字符串; 下面详细描述一下路径字符串的内容和书写风格。路径由2部分组成:命令和坐标。 (1)命令:单个大(小)写字母。大写字母表示绝对坐标,小写字母表示相对坐标; (2)坐标:一个或多个数字。多个数字之间使用逗号或者空格隔开; (3)命令和...原创 2012-04-09 19:26:34 · 255 阅读 · 0 评论 -
Raphael学习笔记(4)--绘图(路径【贝塞尔曲线】)
贝塞尔曲线的基础知识 其它的什么都不说了,直接上代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.or...原创 2012-04-12 20:43:33 · 229 阅读 · 0 评论 -
Raphael学习笔记(5)--绘图(路径【椭圆曲线】)
1、椭圆曲线简介 前面的学习笔记:Raphael学习笔记(3)--绘图(路径【直线】)简单的描述了绘制椭圆曲线的参数,但没有详细的介绍各个参数的含义,这次,我们就详细的学习一下椭圆曲线的绘制。 A(a) elliptical arc (rx ry x-axis-rotation large-arc-flag sweep-flag x y) ; 参数含...原创 2012-04-13 15:55:22 · 201 阅读 · 0 评论