|
HTML5图形开发入门课程
|
|
班级规模及环境--热线:4008699035 手机:15921673576( 微信同号) |
每个班级的人数限3到5人,互动授课, 保障效果,小班授课。 |
上间和地点 |
上部份地点:【上海】同济大学(沪西)/新城金郡商务楼(11号线白银路站)【深圳分部】:电影大厦(地铁一号线大剧院站)/深圳大学成教院【北京分部】:北京中山学院/福鑫大楼【南京分部】:金港大厦(和燕路)【武汉分部】:佳源大厦(高新二路)【成都分部】:领馆区1号(中和大道)【沈阳分部】:沈阳理工大学/六宅臻品【郑州分部】:郑州大学/锦华大厦【石家庄分部】:河北科技大学/瑞景大厦 最近开间(周末班/连续班/晚班):2020年6月15日 |
实验设备 |
◆小班教学,教学效果好 ☆注重质量☆边讲边练 ☆合格学员免费推荐工作 ★实验设备请点击这儿查看★ |
质量保障 |
1、培训过程中,如有部分内容理解不透或消化不好,可免费在以后培训班中重听; 2、培训结束后,授课老师留给学员联系方式,保障培训效果,免费提供课后技术支持。 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绘制饼状图(添加事件交互) |
|
|
|
合作伙伴与授权机构 |
Altera全球合作培训机构 |
诺基亚Symbian公司授权培训中心 |
Atmel公司全球战略合作伙伴 |
微软全球嵌入式培训合作伙伴 |
英国ARM公司授权培训中心 |
ARM工具关键合作单位 |
|
|
|
我们培训过的企业客户评价: |
端海的andriod系统与应用培训完全符合了我公司的要求,达到了我公司培训的目的。特别值得一提的是授部份讲师针对我们公司的开发的项目专门提供了一些很好程序的源代码,基本满足了我们的项目要求。 ——上海贝尔,李工 端海培训DSP2000的老师,上部份思路清晰,口齿清楚,由浅入深,重点突出,培训效果是不错的, 达到了我们想要的效果,希望继续合作下去。 ——中国电子科技集团技术部主任马工 端海的FPGA培训很好地填补了高校FPGA培训空白,不错。总之,有利于学生的发展,有利于教师的发展,有利于部份程的发展,有利于社会的发展。 ——上海电子学院,冯老师 端海给我们公司提供的Dsp6000培训,符合我们项目的开发要求,解决了很多困惑我们很久的问题,与端海的合作非常愉快。 ——公安部第三研究所,项目部负责人李先生 MTK培训-我在网上找了很久,就是找不到。在端海居然有MTK驱动的培训,老师经验很丰富,知识面很广。下一个还想培训IPHONE苹果手机。跟他们合作很愉快,老师很有人情味,态度很和蔼。 ——台湾双扬科技,研发处经理,杨先生 端海对我们公司的iPhone培训,实验项目很多,确实学到了东西。受益无穷啊!特别是对于那种正在开发项目的,确实是物超所值。 ——台湾欧泽科技,张工 通过参加Symbian培训,再做Symbian相关的项目感觉更加得心应手了,理论加实践的授部份方式,很有针对性,非常的适合我们。学完之后,很轻松的就完成了我们的项目。 ——IBM公司,沈经理 有端海这样的DSP开发培训单位,是教育行业的财富,听了他们的部份,茅塞顿开。 ——上海医疗器械高等学校,罗老师
|
我们最新培训过的企业客户以及培训的主要内容: |
|
一汽海马汽车DSP培训 苏州金属研究院DSP培训 南京南瑞集团技术FPGA培训 西安爱生技术集团FPGA培训,DSP培训 成都熊谷加世电气DSP培训 福斯赛诺分析仪器(苏州)FPGA培训 南京国电工程FPGA培训 北京环境特性研究所达芬奇培训 中国科学院微系统与信息技术研究所FPGA高级培训 重庆网视只能流技术开发达芬奇培训 无锡力芯微电子股份IC电磁兼容 河北科学院研究所FPGA培训 上海微小卫星工程中心DSP培训 广州航天航空POWERPC培训 桂林航天工学院DSP培训 江苏五维电子科技达芬奇培训 无锡步进电机自动控制技术DSP培训 江门市安利电源工程DSP培训 长江力伟股份CADENCE培训 爱普生科技(无锡)数字模拟电路 河南平高电气DSP培训 中国航天员科研训练中心A/D仿真 常州易控汽车电子WINDOWS驱动培训 南通大学DSP培训 上海集成电路研发中心达芬奇培训 北京瑞志合众科技WINDOWS驱动培训 江苏金智科技股份FPGA高级培训 中国重工第710研究所FPGA高级培训 芜湖伯特利汽车安全系统DSP培训 厦门中智能软件技术Android培训 上海科慢车辆部件系统EMC培训 中国电子科技集团第五十研究所,软件无线电培训 苏州浩克系统科技FPGA培训 上海申达自动防范系统FPGA培训 四川长虹佳华信息MTK培训 公安部第三研究所--FPGA初中高技术开发培训以及DSP达芬奇芯片视频、图像处理技术培训 上海电子信息职业技术学院--FPGA高级开发技术培训 上海点逸网络科技有限公司--3G手机ANDROID应用和系统开发技术培训 格科微电子有限公司--MTK应用(MMI)和驱动开发技术培训 南昌航空大学--fpga高级开发技术培训 IBM公司--3G手机ANDROID系统和应用技术开发培训 上海贝尔--3G手机ANDROID系统和应用技术开发培训 中国双飞--Vxworks应用和BSP开发技术培训
|
上海水务建设工程有限公司--Alter/XilinxFPGA应用开发技术培训 恩法半导体科技--AllegroCandencePCB仿真和信号完整性技术培训 中国计量学院--3G手机ANDROID应用和系统开发技术培训 冠捷科技--FPGA芯片设计技术培训 芬尼克兹节能设备--FPGA高级技术开发培训 川奇光电--3G手机ANDROID系统和应用技术开发培训 东华大学--Dsp6000系统开发技术培训 上海理工大学--FPGA高级开发技术培训 同济大学--Dsp6000图像/视频处理技术培训 上海医疗器械高等专科学校--Dsp6000图像/视频处理技术培训 中航工业无线电电子研究所--Vxworks应用和BSP开发技术培训 北京交通大学--Powerpc开发技术培训 浙江理工大学--Dsp6000图像/视频处理技术培训 台湾双阳科技股份有限公司--MTK应用(MMI)和驱动开发技术培训 滚石移动--MTK应用(MMI)和驱动开发技术培训 冠捷半导体--Linux系统开发技术培训 奥波--CortexM3+uC/OS开发技术培训 迅时通信--WinCE应用与驱动开发技术培训 海鹰医疗电子系统--DSP6000图像处理技术培训 博耀科技--Linux系统开发技术培训 华路时代信息技术--VxWorksBSP开发技术培训 台湾欧泽科技--iPhone开发技术培训 宝康电子--AllegroCandencePCB仿真和信号完整性技术培训 上海天能电子有限公司--AllegroCandencePCB仿真和信号完整性技术培训 上海亨通光电科技有限公司--andriod应用和系统移植技术培训 上海智搜文化传播有限公司--Symbian开发培训 先先信息科技有限公司--brew手机开发技术培训 鼎捷集团--MTK应用(MMI)和驱动开发技术培训 傲然科技--MTK应用(MMI)和驱动开发技术培训 中软国际--Linux系统开发技术培训 龙旗控股集团--MTK应用(MMI)和驱动开发技术培训 研祥智能股份有限公司--MTK应用(MMI)和驱动开发技术培训 罗氏诊断--Linux应用开发技术培训 西东控制集团--DSP2000应用技术及DSP2000在光伏并网发电中的应用与开发 科大讯飞--MTK应用(MMI)和驱动开发技术培训 东北农业大学--IPHONE苹果应用开发技术培训 中国电子科技集团--Dsp2000系统和应用开发技术培训 中国船舶重工集团--Dsp2000系统开发技术培训 晶方半导体--FPGA初中高技术培训 肯特智能仪器有限公司--FPGA初中高技术培训 哈尔滨大学--IPHONE苹果应用开发技术培训 昆明电器科学研究所--Dsp2000系统开发技术 奇瑞汽车股份--单片机应用开发技术培训
|
|
|
|
- |