canvas学习(四)
来源:互联网 发布:我知女人心大雷小雷 编辑:程序博客网 时间:2024/06/15 22:47
canvas绘图:
1.html5 canvas paint介绍。
2.坐标系统:平移、旋转、缩放、切变
3.canvas绘制模型步骤
4.矩形绘制:
a.clearRect(double x,double y,double w,double h):清除
b.strokeRect(double x,double y,double w,double h):描边
c.fillRect(double x,double y,double w,double h):填充
5.颜色与透明度:
a.strokeStyle
b.fillStyle
6.渐变色:
a.createLinearGradinent():线性渐变
b.createRadialGradient():放射渐变
7.图案填充:
createPattern()
8.阴影:
a.shadowColor
b.shadowOffsetX
c.shadowOffsetY
d.shadowBlur
9.路径、描边与填充
a.arc:圆弧子路径
b.beginPath:重置当前路径
c.closePath:显式封闭某段开放路径
d.fill:填充当前路径
e.rect(double x,double y,double width,double height):逆时针方向创建路径
f.stroke():描绘当前路径的轮廓线
g.路径与子路径
h.非零环绕规则
i.剪纸图形
h.路径的方向以及连接线
1.html5 canvas paint介绍。
2.坐标系统:平移、旋转、缩放、切变
3.canvas绘制模型步骤
4.矩形绘制:
a.clearRect(double x,double y,double w,double h):清除
b.strokeRect(double x,double y,double w,double h):描边
c.fillRect(double x,double y,double w,double h):填充
5.颜色与透明度:
a.strokeStyle
b.fillStyle
6.渐变色:
a.createLinearGradinent():线性渐变
b.createRadialGradient():放射渐变
7.图案填充:
createPattern()
8.阴影:
a.shadowColor
b.shadowOffsetX
c.shadowOffsetY
d.shadowBlur
9.路径、描边与填充
a.arc:圆弧子路径
b.beginPath:重置当前路径
c.closePath:显式封闭某段开放路径
d.fill:填充当前路径
e.rect(double x,double y,double width,double height):逆时针方向创建路径
f.stroke():描绘当前路径的轮廓线
g.路径与子路径
h.非零环绕规则
i.剪纸图形
h.路径的方向以及连接线
0 0
- canvas学习(四)
- HTML5学习(四)---Canvas绘图
- html5学习笔记之四(canvas对象)
- HTML5 canvas画布(四)
- canvas学习总结四:绘制虚线
- canvas学习(一)
- canvas学习(二)
- canvas 学习(一)
- canvas学习笔记(一)-认识canvas
- canvas学习笔记(canvas画不出图)
- 画板社交工具开发分享——HTML5 canvas控件、PHP、社交分享学习(四)
- HTML5 学习总结(四)——canvas绘图、WebGL、SVG
- HTML5之帆布(canvas)(四)
- HTML5中的Canvas绘图操作(四)
- 萌新的Canvas笔记(四)
- canvas雨滴绘制之(四)requestAnimationFrame
- HTML5学习(2) canvas标签的使用四
- canvas游戏开发学习之四:应用图像
- 使用Xcode 4编译器设定Release/Debug教程
- [leet code] Binary Tree Zigzag Level Order Traversal
- java语言学习-方法
- HDU2176 取(m堆)石子游戏
- 黑马程序员_Java基础_IO流(三)_20
- canvas学习(四)
- 博弈问题集锦
- 取球游戏
- 九度OJ 1455: 珍惜现在,感恩生活
- canvans学习(五)
- Struts2校验器
- 2014-02 记忆化搜索练习
- 欧几里得辗转相除法
- 吉姆拉尔森