《HTML5移动Web开发技术》主要讲述如何利用HTML5的相关技术开发移动Web网站和WebApp。《HTML5移动Web开发技术》主要分为以下几部分：一，主要讲述Web技术...
电子书
内容简介
全书共分为两大部分，首部分是Canvas基础内容，主要学习Canvas API语法，其中包括图形绘制、线条操作、文本操作、图片操作、变形操作、像素操作等各种基础API。第 二部分是Canvas进阶内容，主要学习Canvas动画开发，包括事件操作、物理动画、边界检测、碰撞检测、**动画等各种稀有技巧。
除了知识的讲解，教程还融入了大量的开发案例，并且更加注重实战编程思维的培养，为学习者提供一个流畅的学习思路。
章节目录
- 封面
- 内容提要
- 前 言
- 目 录
- 第一部分 Canvas基础
- 第1章Canvas概述
- 1.1 Canvas简介
- 1.1.1 Canvas是什么
- 1.1.2 Canvas与SVG
- 1.2 Canvas元素知识
- 1.2.1 Canvas元素
- 1.2.2 Canvas对象
- 第2章直线图形
- 2.1 直线图形简介
- 2.2 直线
- 2.2.1 Canvas坐标系
- 2.2.2 直线的绘制
- 2.3 矩形
- 2.3.1 “描边”矩形
- 2.3.2 “填充”矩形
- 2.3.3 rect()方法
- 2.3.4 清空矩形
- 2.4 多边形
- 2.4.1 Canvas绘制箭头
- 2.4.2 Canvas绘制正多边形
- 2.4.3 五角星
- 2.5 训练题：绘制调色板
- 第3章曲线图形
- 3.1 曲线图形简介
- 3.2 圆形简介
- 3.2.1 圆形
- 3.2.2 “描边”圆
- 3.2.3 “填充”圆
- 3.3 弧线
- 3.3.1 arc()画弧线
- 3.3.2 arcTo()画弧线
- 3.4 二次贝塞尔曲线
- 3.5 三次贝塞尔曲线
- 3.6 训练题：绘制扇形
- 第4章线条操作
- 4.1 线条操作
- 4.2 lineWidth属性
- 4.3 lineCap属性
- 4.4 lineJoin属性
- 4.5 setLineDash()方法
- 第5章文本操作
- 5.1 文本操作简介
- 5.2 文本操作“方法”
- 5.2.1 strokeText()方法
- 5.2.2 fillText()方法
- 5.2.3 measureText()方法
- 5.3 文本操作“属性”
- 5.3.1 font属性
- 5.3.2 textAlign属性
- 5.3.3 textBaseline属性
- 第6章图片操作
- 6.1 图片操作简介
- 6.2 绘制图片
- 6.2.1 drawImage(image , dx , dy)
- 6.2.2 drawImage(image , dx , dy , dw , dh)
- 6.2.3 drawImage(image , sx , sy , sw ,sh, dx , dy , dw , dh)
- 6.3 平铺图片
- 6.4 切割图片
- 6.5 深入图片操作
- 第7章变形操作
- 7.1 变形操作简介
- 7.2 图形平移
- 7.2.1 translate()方法
- 7.2.2 clearRect()方法清空Canvas
- 7.3 图形缩放
- 7.3.1 scale()方法
- 7.3.2 scale()方法的负作用
- 7.4 图形旋转
- 7.4.1 rotate()方法
- 7.4.2 改变旋转中心
- 7.5 变换矩阵
- 7.5.1 transform()方法
- 7.5.2 setTransform()方法
- 7.6 深入变形操作
- 7.7 训练题：绘制绚丽的图形
- 7.8 训练题：绘制彩虹
- 第8章像素操作
- 8.1 像素操作简介
- 8.1.1 getImageData()方法
- 8.1.2 putImageData()方法
- 8.2 反转效果
- 8.3 黑白效果
- 8.4 亮度效果
- 8.5 复古效果
- 8.6 红色蒙版
- 8.7 透明处理
- 8.8 createImageData()方法
- 第9章渐变与阴影
- 9.1 线性渐变
- 9.2 径向渐变
- 9.3 阴影
- 第10章Canvas路径
- 10.1 路径简介
- 10.2 beginPath()方法和closePath()方法
- 10.2.1 beginPath()方法
- 10.2.2 closePath()方法
- 10.3 isPointInPath()方法
- 第11章Canvas状态
- 11.1 状态简介
- 11.2 clip()方法
- 11.3 save()方法和restore()方法
- 11.3.1 图形或图片剪切
- 11.3.2 图形或图片变形
- 11.3.3 状态属性的改变
- 第12章其他应用
- 12.1 Canvas对象
- 12.1.1 Canvas对象属性
- 12.1.2 Canvas对象方法
- 12.2 globalAlpha属性
- 12.3 globalCompositeOperation属性
- 12.4 stroke()和fill()
- 第二部分 Canvas 进阶
- 第13章事件操作
- 13.1 Canvas动画简介
- 13.2 鼠标事件
- 13.2.1 什么是鼠标事件
- 13.2.2 获取鼠标位置
- 13.3 键盘事件
- 13.3.1 什么是键盘事件
- 13.3.2 获取物体移动方向
- 13.4 循环事件
- 第14章物理动画
- 14.1 物理动画简介
- 14.2 三角函数简介
- 14.2.1 什么是三角函数
- 14.2.2 Math.atan()与Math.atan2()
- 14.3 三角函数应用
- 14.3.1 两点间的距离
- 14.3.2 圆周运动
- 14.3.3 波形运动
- 14.4 匀速运动
- 14.4.1 什么是匀速运动
- 14.4.2 速度的合成和分解
- 14.5 加速运动
- 14.5.1 什么是加速运动
- 14.5.2 加速度的合成和分解
- 14.6 重力
- 14.6.1 什么是重力
- 14.6.2 重力的应用
- 14.7 摩擦力
- 第15章边界检测
- 15.1 边界检测简介
- 15.2 边界限制
- 15.3 边界环绕
- 15.4 边界生成
- 15.5 边界反弹
- 第16章碰撞检测
- 16.1 碰撞检测简介
- 16.2 外接矩形判定法
- 16.3 外接圆判定法
- 16.4 多物体碰撞
- 16.4.1 排列组合
- 16.4.2 多物体碰撞
- 第17章用户交互
- 17.1 用户交互简介
- 17.2 捕获物体
- 17.2.1 什么是捕获物体
- 17.2.2 捕获静止物体
- 17.2.3 捕获运动物体
- 17.3 拖拽物体
- 17.4 抛掷物体
- 第18章高级动画
- 18.1 高级动画简介
- 18.2 缓动动画简介
- 18.3 缓动动画应用
- 18.4 弹性动画简介
- 18.5 弹性动画应用
- 第19章Canvas游戏开发
- 19.1 Canvas游戏开发简介
- 19.2 Box2D简介
- 19.2.1 Box2D
- 19.2.2 Box2DWeb
- 19.3 HTML5游戏引擎
- 第20章Canvas图表库
- 20.1 Canvas图表库简介
- 20.2 ECharts和HightCharts
展开全部
Web前端开发精品课——HTML5 Canvas开发详解是2017年由人民邮电出版社出版,作者莫振杰。
版权说明：本电子书已获得正版授权，由出版社通过知传链发行。
得书感谢您对《Web前端开发精品课——HTML5 Canvas开发详解》关注和支持，如本书内容有不良信息或侵权等情形的，请联系本网站。
电子书
《HTML5移动Web开发技术》主要讲述如何利用HTML5的相关技术开发移动Web网站和WebApp。《HTML5移动Web开发技术》主要分为以下几部分：一，主要讲述Web技术...
电子书
本书主要介绍Bootstrap的基础知识、基本语法和高级应用，并采用易于理解的方式讲解这些技术的使用技巧和注意事项。全书共14章，内容包括Bootstrap起步、Bootstr...
电子书
本书系统介绍Bootstrap5的相关知识及其应用，知识全面、案例丰富、易学易用。本书共11章，内容可以归纳为4部分，即Bootstrap5的基本知识、弹性布局和栅格布局、组件...
电子书
本书从跨平台的移动Web开发实际应用的角度阐述了HTML5和CSS3的新元素和新功能，设置了跨平台的网站首页设计、文本新闻浏览网页设计、旅游景点推荐网页设计、商品信息展示网页设...
电子书
Web技术综述、开发工具介绍、Web运行环境搭建、HTML/CSS/JavaScript综述、HTML基础、HTML文件标准结构、文本与段落、列表、超链接、图片与多媒体的使用、...
电子书
本书在HTML和CSS基础上，系统地讲述了HTML5和CSS3的Web前端开发技术，内容覆盖HTML5新增的元素、属性与API，以及CSS3使用广泛、应用成熟的模块，力图帮助读...