失效链接处理 |
Web前端开发精品课 HTML5 Canvas开发详?PDF 下蝲
本站整理下蝲Q?/strong>
版权归出版社和原作者所有,链接已删除,误买正?/b>
用户下蝲说明Q?/strong>
?sh)子版仅供预览,下蝲?4时内务必删除,支持正版Q喜Ƣ的误买正版书c:(x)
http://product.dangdang.com/25065629.html
相关截图Q?br />
![]() 资料介:(x) 全书共分Z大部分,首部分是Canvas基础内容Q主要学?fn)Canvas API语法Q其中包括图形绘制、线条操作、文本操作、图片操作、变形操作、像素操作等各种基础API。第二部分是Canvasq阶内容Q主要学?fn)Canvas动画开发,包括事g操作、物理动甅R边界检、碰撞检、高U动ȝ各种E有技巧?除了(jin)知识的讲解,教程q融入了(jin)大量的开发案例,q且更加注重实战~程思维的培养,为学?fn)者提供一个流畅的学习(fn)思\?/span> 资料目录Q?br /> W一部分 Canvas基础 W?章 Canvas概述 1.1 Canvas?1 1.1.1 Canvas是什?1 1.1.2 Canvas与SVG 2 1.2 Canvas元素知识 3 1.2.1 Canvas元素 4 1.2.2 Canvas对象 5 W?章 直线囑Ş 2.1 直线囑Ş?8 2.2 直线 8 2.2.1 Canvas坐标p?8 2.2.2 直线的绘?9 2.3 矩Ş 14 2.3.1 “描边”矩Ş 15 2.3.2 “填充”矩Ş 17 2.3.3 rect()Ҏ(gu) 20 2.3.4 清空矩Ş 22 2.4 多边?25 2.4.1 Canvasl制头 25 2.4.2 Canvasl制正多边Ş 26 2.4.3 五角?29 2.5 训练题:(x)l制调色?31 W?章 曲线囑Ş 3.1 曲线囑Ş?34 3.2 圆Ş?34 3.2.1 圆Ş 34 3.2.2 “描边”?35 3.2.3 “填充”?38 3.3 弧线 39 3.3.1 arc()dU?39 3.3.2 arcTo()dU?42 3.4 二次贝塞?dng)曲U?47 3.5 三次贝塞?dng)曲U?50 3.6 训练题:(x)l制扇Ş 53 W?章 U条??br style="margin: 0px; padding: 0px;" /> 4.1 U条操作 57 4.2 lineWidth属?58 4.3 lineCap属?60 4.4 lineJoin属?63 4.5 setLineDash()Ҏ(gu) 65 W?章 文本操作 5.1 文本操作?67 5.2 文本操作“Ҏ(gu)” 68 5.2.1 strokeText()Ҏ(gu) 68 5.2.2 fillText()Ҏ(gu) 69 5.2.3 measureText()Ҏ(gu) 71 5.3 文本操作“属?rdquo; 73 5.3.1 font属?73 5.3.2 textAlign属?74 5.3.3 textBaseline属?76 W?章 囄操作 6.1 囄操作?79 6.2 l制囄 79 6.2.1 drawImage(image , dx , dy) 80 6.2.2 drawImage(image , dx , dy , dw , dh) 83 6.2.3 drawImage(image , sx , sy , sw ,sh, dx , dy , dw , dh) 84 6.3 q铺囄 86 6.4 切割囄 89 6.5 深入囄操作 92 W?章 变Ş操作 7.1 变Ş操作?95 7.2 囑Şq移 96 7.2.1 translate()Ҏ(gu) 96 7.2.2 clearRect()Ҏ(gu)清空 Canvas 99 7.3 囑Ş~放 100 7.3.1 scale()Ҏ(gu) 100 7.3.2 scale()Ҏ(gu)的负作用 103 7.4 囑Ş旋{ 105 7.4.1 rotate()Ҏ(gu) 105 7.4.2 改变旋{中心(j) 108 7.5 变换矩阵 109 7.5.1 transform()Ҏ(gu) 109 7.5.2 setTransform()Ҏ(gu) 114 7.6 深入变Ş操作 116 7.7 训练题:(x)l制l丽的图?117 7.8 训练题:(x)l制彩虹 119 W?章 像素操作 8.1 像素操作?121 8.1.1 getImageData()Ҏ(gu) 121 8.1.2 putImageData()Ҏ(gu) 122 8.2 反{效果 123 8.3 黑白效果 126 8.4 亮度效果 130 8.5 复古效果 131 8.6 U色蒙版 133 8.7 透明处理 136 8.8 createImageData()Ҏ(gu) 137 W?章 渐变与阴?br style="margin: 0px; padding: 0px;" /> 9.1 U性渐?141 9.2 径向渐变 145 9.3 阴媄(jing) 150 W?0章 Canvas路径 10.1 路径?156 10.2 beginPath()Ҏ(gu)?br style="margin: 0px; padding: 0px;" /> closePath()Ҏ(gu) 156 10.2.1 beginPath()Ҏ(gu) 157 10.2.2 closePath()Ҏ(gu) 160 10.3 isPointInPath()Ҏ(gu) 165 W?1章 Canvas状?br style="margin: 0px; padding: 0px;" /> 11.1 状态简?168 11.2 clip()Ҏ(gu) 168 11.3 save()Ҏ(gu)和restore()Ҏ(gu) 171 11.3.1 囑Ş或图片剪?172 11.3.2 囑Ş或图片变?174 11.3.3 状态属性的改变 176 W?2章 其他应用 12.1 Canvas对象 178 12.1.1 Canvas对象属?178 12.1.2 Canvas对象Ҏ(gu) 180 12.2 globalAlpha属?182 12.3 globalCompositeOperation 属?183 12.4 stroke()和fill() 187 W二部分 Canvasq阶 W?3章 事g操作 13.1 Canvas动画?191 13.2 鼠标事g 192 13.2.1 什么是鼠标事g 192 13.2.2 获取鼠标位置 192 13.3 键盘事g 195 13.3.1 什么是键盘事g 195 13.3.2 获取物体Ud方向 195 13.4 循环事g 199 W?4章 物理动画 14.1 物理动画?202 14.2 三角函数?203 14.2.1 什么是三角函数 203 14.2.2 Math.atan()与Math. atan2() 204 14.3 三角函数应用 210 14.3.1 两点间的距离 210 14.3.2 圆周q动 212 14.3.3 波Şq动 217 14.4 匀速运?222 14.4.1 什么是匀速运?222 14.4.2 速度的合成和分解 224 14.5 加速运?227 14.5.1 什么是加速运?227 14.5.2 加速度的合成和分解 231 14.6 重力 233 14.6.1 什么是重力 233 14.6.2 重力的应?235 14.7 摩擦?238 W?5章 边界(g)?br style="margin: 0px; padding: 0px;" /> 15.1 边界(g)简?241 15.2 边界限制 242 15.3 边界环绕 245 15.4 边界生成 250 15.5 边界反弹 256 W?6章 撞(g)?br style="margin: 0px; padding: 0px;" /> 16.1 撞(g)简?262 16.2 外接矩Ş判定?262 16.3 外接圆判定法 271 16.4 多物体碰?275 16.4.1 排列l合 275 16.4.2 多物体碰?275 W?7章 用户交互 17.1 用户交互?283 17.2 捕获物体 284 17.2.1 什么是捕获物体 284 17.2.2 捕获?rn)止物?285 17.2.3 捕获q动物体 287 17.3 拖拽物体 291 17.4 抛掷物体 297 W?8章 高动画 18.1 高动画?306 18.2 ~动动画?306 18.3 ~动动画应用 313 18.4 Ҏ(gu)动ȝ?317 18.5 Ҏ(gu)动d?323 W?9章 Canvas游戏开?br style="margin: 0px; padding: 0px;" /> 19.1 Canvas游戏开发简?327 19.2 Box2D?328 19.2.1 Box2D 328 19.2.2 Box2DWeb 328 19.3 HTML5游戏引擎 331 W?0章 Canvas图表?br style="margin: 0px; padding: 0px;" /> 20.1 Canvas图表库简?334 20.2 ECharts和HightCharts 336 |