绿林网

HTML5 Canvas核心技术读后感1000字

HTML5 Canvas核心技术读后感1000字

《HTML5 Canvas核心技术》是一本由David Geary著作,机械工业出版社出版的486图书,本书定价:99.00元,页数:2013-5,特精心收集的读后感,希望对大家能有帮助。

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

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

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

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

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

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

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

我手上的书是2015年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/Javascript基础,并不需要读者有太深的功底

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

【本书可以帮你】

①巩固你对原生Javascript的理解,包括原型、对象、函数、事件等等。

②养成良好的web前端编程习惯。因为本书的代码基本遵循了Douglas Crockford在《Javascript, 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 橡皮筋式的线条绘制