曙海教育集团
全国报名免费热线:4008699035 微信:shuhaipeixun
或15921673576(微信同号) QQ:1299983702
首页 课程表 在线聊 报名 讲师 品牌 QQ聊 活动 就业
 
HTML5图形开发入门课程

 
  班级规模及环境--热线:4008699035 手机:15921673576( 微信同号)
      每个班级的人数限3到5人,互动授课, 保障效果,小班授课。
  上间和地点
上部份地点:【上海】同济大学(沪西)/新城金郡商务楼(11号线白银路站)【深圳分部】:电影大厦(地铁一号线大剧院站)/深圳大学成教院【北京分部】:北京中山/福鑫大楼【南京分部】:金港大厦(和燕路)【武汉分部】:佳源大厦(高新二路)【成都分部】:领馆区1号(中和大道)【沈阳分部】:沈阳理工大学/六宅臻品【郑州分部】:郑州大学/锦华大厦【石家庄分部】:河北科技大学/瑞景大厦
近开间(周末班/连续班/晚班):2020年12月28日(请尽快联系提前报名)
  实验设备
    ◆小班教学,教学效果好
       
       ☆注重质量☆边讲边练

       ☆合格学员免费推荐工作
       ★实验设备请点击这儿查看★
  质量保障

       1、培训过程中,如有部分内容理解不透或消化不好,可免费在以后培训班中重听;
       2、课程完成后,授课老师留给学员手机和Email,保障培训效果,免费提供半年的技术支持。
       3、培训合格学员可享受免费推荐就业机会。☆合格学员免费颁发相关工程师等资格证书,提升职业资质。专注高端技术培训15年,曙海学员的能力得到大家的认同,受到用人单位的广泛赞誉,曙海的证书受到广泛认可。

部份程大纲
 
第一章:Canvas路径运用及图形操作
1-1 认识HTML5图形开发
1-2 创建画布canvas,获取画笔
1-3 认识坐标系
1-4 绘制直线,矩形,多边形
1-5 图形的描边与填充
1-6 矩形的快捷绘制
1-7 新路径,掌握beginPath方法的使用
1-8 其它绘制属性(lineCap,lineJoin)的使用
1-9 路径-圆弧, 圆弧(arc)方法的使用
1-10 绘制属性globalAlpha的使用
1-11 绘制笑脸-基础路径的使用
1-12 绘制月亮
1-13 绘制折线图(1)
1-14 绘制折线图(2)
第二章:理解并掌握Canvas图形变换
2-1 基本变换-位移(translate)
2-2 基本变换-旋转(rotate)
2-3 基本变换-缩放(scale)
2-4 求两点间距离
2-5 认识基本三角函数(sin, cos, atan2)
2-6 认识矩阵(变换的原理)1 - 选学
2-7 认识矩阵(变换的原理)2 - 选学
2-8 三种基本变换的叠加,变换顺序对图形的影响-1
2-9 三种基本变换的叠加,变换顺序对图形的影响-2
2-10 变换与绘制样式的保存与恢复1
2-11 变换与绘制样式的保存与恢复2
2-12 实例1-绘制五角星(1)
2-13 实例1-绘制五角星(2)
2-14 实例2-绘制虚线(1)
2-15 实例2-绘制虚线(2)
2-16 实例3-绘制五星红旗
第三章: canvas图形动画
3-1 认识动画
3-2 普通div的动画
3-3 canvas动画-1(clearRect使用)
3-4 canvas动画-2(requestAnimationFrame使用)
3-5 匀速运动(速度始终如一)
3-6 缓冲运动(越来越慢)
3-7 弹性运动(感觉像弹簧运动)
3-9 小球在空间内的自由运动(运动范围限定)
3-10 实例-带影子的物体运动
第四章:与canvas图形发生交互
4-1 判断点是否在一个矩形范围内
4-2 选项卡(pointInPath使用)
4-3 圆形图形的事件获取
4-4 矩形图形的拖动
4-5 矩形与矩形之间的碰撞测验-1
4-6 矩形与矩形之间的碰撞测验-2
4-7 圆形与圆形之间的碰撞测验-1
4-8 圆形与圆形之间的碰撞测验-2
4-9 实例-烟花1
4-10 实例-烟花2
4-11 实例-烟花3
4-12 实例-别踩白块儿开发1
4-13 实例-别踩白块儿开发2
4-14 实例-别踩白块儿开发3
第五章:canvas位图图像
5-1 canvas绘制位图(初看drawimage)
5-2 绘制位图drawImage方法详解
5-3 实例-行走中的英雄1
5-4 实例-行走中的英雄2
5-5 实例-子弹打中物体后的爆炸效果1
5-6 实例-子弹打中物体后的暴炸效果2
5-7 实例-子弹打中物体后的暴炸效果3
5-8 实例-合成优美的风景图-图片预加载1
5-9 实例-合成优美的风景图-图片预加载2
第六章::canvas像素操作
6-1 认识图像像素(图像像素组成了一维数组)
6-2 像素提取(getImageData方法使用)
6-3 操作像素改变图像(putImageData使用)1
6-4 操作像素改变图像(putImageData使用)2
6-5 绘制文字(font, fillText,strokeText)
6-6 绘制文字(自定义字体)
6-7 按图像行列定位像素数据的位置
6-8 图形算法-图像转黑白
6-9 图形算法-模糊效果
6-10 像素文字(文字像素块)
6-11 像素文字(打散)
6-12 像素文字(复原)
第七章:canvas绘制高级
7-1 线性渐变的绘制
7-2 径向渐变的绘制
7-3 canvas内置的渐变样式
7-4 掌握图形裁剪(clip方法应用)
7-5 给图形填充图案
7-6 路径的方向-基础
7-7 路径的方向-实战
7-8 设置canvas宽高的正确方式(对比CSS设置宽高)
7-9 刮刮乐-像素操作透明度通道
7-10 图片在矩形容器内的自适应
7-11 给合同签字
7-12 绘制柱状图
7-13 绘制饼状图
7-14 绘制热区图
第八章:SVG矢量图
8-1 认识SVG矢量图
8-2 svg基本图形
8-3 与svg图形进行交互
8-4 g标签的使用
8-5 详解transform属性
8-6 svg图形拖拽(拖动椅子)
8-7 svg图形标签transform属性小例子
8-8 重复使用svg图形(defs标签使用)
8-9 SVG钟表
8-10 svg渐变-linearGradient
8-11 svg渐变-radialGradient
8-12 path详解1-多边形(line,rect,polygon)
8-13 path详解2-弧或圆
8-14 绘制放大镜(path应用)
8-15 实例1绘制折线图
8-16 实例2绘制饼状图
8-17 实例3绘制饼状图(添加事件交互)
 
-
  备案号:沪ICP备08026168号 .(2014年7月11)...................
友情链接:Cadence培训 ICEPAK培训 EMC培训 电磁兼容培训 sas容培训 罗克韦尔PLC培训 欧姆龙PLC培训 PLC培训 三菱PLC培训 西门子PLC培训 dcs培训 横河dcs培训 艾默生培训 robot CAD培训 eplan培训 dcs培训 电路板设计培训 浙大dcs培训 PCB设计培训 adams培训 fluent培训系列课程 培训机构课程短期培训系列课程培训机构 长期课程列表实践课程高级课程学校培训机构周末班培训 南京 NS3培训 OpenGL培训 FPGA培训 PCIE培训 MTK培训 Cortex训 Arduino培训 单片机培训 EMC培训 信号完整性培训 电源设计培训 电机控制培训 LabVIEW培训 OPENCV培训 集成电路培训 UVM验证培训 VxWorks培训 CST培训 PLC培训 Python培训 ANSYS培训 VB语言培训 HFSS培训 SAS培训 Ansys培训 短期培训系列课程培训机构 长期课程列表实践课程高级课程学校培训机构周末班 曙海 教育 企业 培训课程 系列班 长期课程列表实践课程高级课程学校培训机构周末班 短期培训系列课程培训机构 曙海教育企业培训课程 系列班 软件无线电培训 FPGA电机控制培训 Xilinx培训 Simulink培训 DSP培训班 Ansys培训 LUA培训 单片机培训班 PCB设计课程 PCB培训 电源培训 电路培训 PLC课程 变频器课程 Windows培训