玩转html5<canvas>画图
2014-03-16 10:29
204 查看
原文地址:http://www.cnblogs.com/tim-li/archive/2012/08/06/2580252.html
导航
前言
基本知识
绘制矩形
清除矩形区域
圆弧
路径
绘制线段
绘制贝塞尔曲线
线性渐变
径向渐变(发散)
图形变形(平移、旋转、缩放)
矩阵变换(图形变形的机制)
图形组合
给图形绘制阴影
绘制图像(图片平铺、裁剪、像素处理[不只图像、包括其他绘制图形])
绘制文字
保存和恢复状态(context)
保存文件
结合setInterval制作动画
结语、demo下载
导航
前言
基本知识
绘制矩形
清除矩形区域
圆弧
路径
绘制线段
绘制贝塞尔曲线
线性渐变
径向渐变(发散)
图形变形(平移、旋转、缩放)
矩阵变换(图形变形的机制)
图形组合
给图形绘制阴影
绘制图像(图片平铺、裁剪、像素处理[不只图像、包括其他绘制图形])
绘制文字
保存和恢复状态(context)
保存文件
结合setInterval制作动画
结语、demo下载
相关文章推荐
- HTML5 canvas 实现小时钟
- HTML5能做什么
- Phaser HTML5 canvas 游戏引擎 牛刀小试
- 『HTMl5』学习日志
- html5 player3
- HTML5资源教程
- html5 player 2
- html5的Input Type : Range,大家都知道这个是怎么样的吗?
- html5 plaer
- html5 audio试验
- html5 audio 速度问题
- html5的几个简单例子
- 35+ 个免费下载的 HTML5/CSS3 下拉菜单
- Html5属性 align="center"无效问题
- html5和css3学习历程
- WebGL的原生API不可能那么可爱
- html5的输入类型:电子邮件、网址、电话,大家都知道这些怎么用吗
- 如何用HTML5 Canvas制作子画面动画
- 【读书笔记】XHTML与HTML5 的差异
- 《HTML5编程之旅》系列三:WebSockets 技术解析