html5-canvas
iteye_2245
这个作者很懒,什么都没留下…
展开
-
Canvas学习系列之入门
HTML 5 Canvas ------------用于在网页绘制图形。 1、什么是Canvas? 题外话:从翻译角度来讲是帆布、油布 配合脚本在网页上绘制图像画布是一个矩形区域,您可以控制其每一像素有多种绘制路径、矩形、圆形、字符以及添加图像的方法2、创建Canvas元素<canvas id="test...2012-03-07 12:55:42 · 80 阅读 · 0 评论 -
Canvas学习系列之<canvas>标签
HTML 5 <canvas> 标签定义图形,比如图表和其他图像只是图像容器,需要配合脚本来绘制图形1、属性:height:设置canvas的高度width:设置canvas的宽度2、历史: 由Safari1.3 Web浏览器引入。FF1.5和Opera 9紧跟着。后来<canvas>成为了HTML5...2012-03-07 13:13:09 · 204 阅读 · 0 评论 -
Canvas学习系列之DOM Canvas
HTML DOM Canvas 对象 -----表示一个HTML画布元素- <canvas>。 Canvas对象的属性height属性 ---画布的高度,默认值是300,可以知道一个整数像素值或者窗口高度的百分比 2. width属性 ---画布的宽度,默认值是300,可以知道一个整数像素值或者窗口宽度的百分比...原创 2012-03-07 13:28:38 · 368 阅读 · 0 评论 -
Canvas学习系列之DOM CanvasRenderingContext2D
DOM CanvasRenderingContext2D 对象 ---提供了一组用来在画布上绘制的图形函数。 绘制图像 图像可以通过<img>元素的Image对象来指定或者通过Image()构造函数创建屏幕外图像来指定。 使用drawImage()方法在一个画布上绘制图像。允许源图像的任意矩形区域缩放或绘制在画布...原创 2012-03-07 15:13:13 · 209 阅读 · 0 评论 -
Canvas学习系列之rotate()
坐标空间和转换下的api rotate()方法旋转画布的坐标系统。 /*@param angle -旋转的量,弧度表示。正值表示顺时针,反之*/rotate(angle) 注释:旋转的是后续绘图在画布中的显示效果。它并没有旋转<canvas>元素本身。...原创 2012-03-08 10:51:54 · 104 阅读 · 0 评论 -
Canvas学习系列之translate()
坐标空间和转换下的api translate() ----转换画布的用户坐标系统。 1、语法: /*@param dx,dy 转换的量X和Y的大小为画布矩阵添加水平和垂直的偏移*/translate(dx,dy)...原创 2012-03-08 10:52:05 · 128 阅读 · 0 评论 -
【下雨效果】rainyday
本文收录:rainyday.js 非常不错的下雨效果,有时间看看源码 http://maroslaw.github.io/rainyday.js/原创 2013-11-08 20:51:23 · 111 阅读 · 0 评论