《HTML5 Canvas核心技术》是一本由David Geary著作，机械工业出版社出版的486图书，本书定价：99.00元，页数：2019-5，特精心从网络上整理的一些读者的读后感，希望对大家能有帮助。

　　《HTML5 Canvas核心技术》精选点评：

　　●推荐阅读的canvas书籍

　　●写得挺好，彩色图在英文版上，代码在 https://github.com/corehtml5canvas/code 上

　　●整体不错 web开发人员看前四章就够了 后面的需要做动画拿来查就行了 讲解的深入浅出 最后一章讲的移动应用 实际上移动体验就是个渣渣

　　●真是一本不错的图书，手把手教你搭建一个h5游戏引擎！

　　●很全面的canvas入门书，深入浅出。

　　●本书主要内容是Canvas动画制作方面的基础知识，认认真真每个例子都自己做一次的话，看完本书应该可以自己做的小玩意出来的，但如果是实际工作应用之类的话，还是需要去了解一下其他框架或者便捷工具。

　　●好书，知识全面，很少有类库，学习canvas 2d 必备

　　●一本好书! 对html5的基础介绍,特别是对动画效果制作,精灵,物理效果,碰撞检测这几章介绍的特别好.非常值得一看,和深入了解. 不管是对HTML5游戏开发感兴趣,还是对游戏开发感兴趣, 都值得读一下这本书

　　●每一章都读了，待深入

　　●把数学物理复习了挺好的_(:3」∠)_

　　《HTML5 Canvas核心技术》读后感(一)：HTML5 Canvas核心技术

　　我看过了 我看过了 我看过了 我看过了 我看过了 我看过了 我看过了 我看过了 我看过了 我看过了 我看过了 我看过了 我看过了 我看过了 我看过了 我看过了 我看过了 我看过了 我看过了 我看过了 我看过了 我看过了 我看过了 我看过了 我看过了 我看过了 我看过了 我看过了 我看过了 我看过了

　　《HTML5 Canvas核心技术》读后感(二)：极佳的canvas入门书籍

　　团队有项目将重度使用到canvas，但是个人对web图形并无太多了解。

　　断续花了几个周末把书看完。印象比较深的是1像素线的处理，精灵的制作，通过时间轴扭曲来制作缓动动画，碰撞检测，以及cavas性能优化的原则。

　　看过之后对市面上常见的web 2d图形处理框架的原理会多一些了解，知识的结构也更成体系。在具体业务的实现上，还是要采用市面上已有的游戏或者canvas框架会事倍功半。

　　《HTML5 Canvas核心技术》读后感(三)：我发现书中的一些错误

　　我手上的书是2019年2月第1版第4次印刷的。

　　勘误表：

　　62页：rect()函数的表述：...总是按逆时针方向创建的。这个与67页的表述不符，所以改为顺时针。

　　73页：drawAxes()函数的context,lineWidth = 0.5;语句多余

　　74页：drawVerticalAxisTicks函数的var deltaY;变量声明改为var deltaX;

　　187页：最下方注释的可扩展置标改为可扩展标志

　　202页：只处理alpha值...下面的循环语句，循环检测条件改为index < length-4

　　258页：最上方代码sky.width改为canvas,width

　　379页：cleanScreen()改为clearScreen()

　　382页：然后持续调用loadImages()方法，直到其返回0为止。改为100为止

　　《HTML5 Canvas核心技术》读后感(四)：入门很不错

　　【本书适合的读者】

　　①具有html/css/Javaｓｃｒｉｐｔ基础，并不需要读者有太深的功底

　　②对HTML5 Canvas画图功能感兴趣的

　　【本书可以帮你】

　　①巩固你对原生Javaｓｃｒｉｐｔ的理解，包括原型、对象、函数、事件等等。

　　②养成良好的web前端编程习惯。因为本书的代码基本遵循了Douglas Crockford在《Javaｓｃｒｉｐｔ, The Good Parts》中给出的建议来写，例如：所有函数作用域内部的变量都声明在函数头部；每个变量的声明都单独占一行；总是使用===操作符及其同类操作来进行相等性测试。所以，阅读本书的代码，可以帮你养成好的JS编码习惯。

　　最初的想法是：感觉HTML5 Canvas很好玩，所以特地买了这本书来学习。当时计划的是两个月内学完吧。但由于处在校招季，所以并没有马不停蹄地学习这本书，而是断断续续。

　　刚接触canvas，之前粗读了一本HTML5的书，其稍微讲解了几个canvas的例子，例如画动态时钟，画贝赛尔曲线。但是它的JS代码相当难看，十分低效。

　　这本书刚读了20来页。看了下“一个基本的时钟程序”代码。感觉比较清晰。但还是不够好。

　　例如【17页】：

　　loop = setInterval(drawClock, 1000);

　　这个就不好。因为drawClock里面真正需要每一秒都刷新的只有三个指针。而且1000ms才刷新一次也不好，应该250毫秒或者200毫秒刷新一次。

　　【73页】程序清单2-14 绘制坐标轴

　　在函数 drawAxes()里，第6行与第7行重复了（第6行应该是多余的）。

　　【75页】程序清单2-15 橡皮筋式的线条绘制

　　lt;select>标签里，id属性前应该有一个空格，书里给漏了。应该只是排版问题。

　　【86页】2.9.3节，对arcTo()函数的用法进行了介绍，但是并不够好。我在网上找了一个目前来看最好的中文介绍，见 http://jo2.org/html5-canvas%E7%94%BB%E5%9B%BE6%EF%BC%9A%E7%94%BB%E6%9B%B2%E7%BA%BF%E4%B9%8Barcto/

　　【108页】程序清单2-29，这个应该只是排版问题。.floatingControls的属性书写有误，-webkit-box-shadow和-moz-box-shadow的x、y 偏移之间要有空格：

　　-webkit-box-shadow: rgba(0, 0, 0, 0.2) 6px 6px 8px;

　　-moz-box-shadow: rgba(0, 0, 0, 0.2) 6px 6px 8px;

　　（2019-10-22）读到现在，感觉作者对于模块开发、功能细化做得非常好。每个具体的功能都有函数来完成，从中也可以学习到事件处理、面向对象编程的思想，以及一些好的编程习惯（当然也有局限性）。

　　例如，每个example.js中，变量的声明总会放在函数或文档的最开始，这个习惯值得借鉴。不过，大部分的示例程序都声明了很多的全局变量，这对于示例来说无可厚非，但在真实的网站应用开发中，全局变量能少声明就少声明。

　　【110页起，程序清单2-30】这个例子通过拖动端点与控制点来编辑贝赛尔曲线，算是比较长的代码了。JS+HTML代码300多行。我是手敲代码练习的，发现一个小问题：

　　112页的，

　　function drawRubberbandShape(loc){

　　updateEndAndControlPoints();

　　drawBezierCurve();

　　}

　　其实并不需要传递loc参数进去。

　　【247页】程序清单5-10，

　　function draw(){

　　......}

　　这个函数有两个不当之处：

　　（1）虽然JS是基于词法作用域的，变量总是自动提前声明，但

　　var disc= discs[i];

　　仍然是不合适的，应该与update()函数保持一致，写为：

　　var disc = null;

　　（2）在接下来的for循环中，笔者貌似不小心声明了一个全局变量gradient。要知道从作用域链上面寻找全局变量是比较慢的，而这里又频繁地调用这个gradient变量，所以它应该是一个局部变量，应该在for循环之前声明：

　　var gradient;

　　即可。

　　其他的，继续看，然后再写。