编程是一门实践技术

Sprite对象，通常被称为精灵对象，是游戏开发中经常使用的一个概念。在2D游戏中，Sprite对象通常指的是一个具有特定图像和行为的元素。这些对象通常包含图像纹理、尺寸、位置、旋转等属性，并且可以被添加到游戏场景中以渲染2D图像。

常用的技术称为图块复制(blitting)，即从离屏缓冲区中将内容发生变化的那部分背景图像复制到屏幕上，还有其它两种方法是将所有内容擦除并重新绘制&仅重绘内容发生变化的那部分区域。一般是用clip()方法来实现的.如果背景比较简单采用将所有内容擦除再重新绘制可能性能更好。

js中的setIimeou和setInterval方法中的时间间隔并不准确，它只是规定了一个大致的时间，比如规定10m，则可能会在11秒执行。而且它是主动通知IE去改变，而最好的方式是让IE通知程序去做出改变，否则浏览器可能会在一段时间内死掉，所以W3C扩展了requestAnimationFrame()方法，它的时间更精确，而且是IE通知程序去做出改变，每种浏览器对上述方法的支持都不一样，所以需要定义一个公用的方法来重写。

在处理视频时，Canvas可以捕获视频的每一帧，并在其上应用各种图像处理技术，如颜色调整、滤镜效果、像素操作等。通过将视频帧绘制到Canvas上，开发者可以实时地对视频进行各种自定义处理，实现诸如视频特效、动态遮罩、绿幕替换等复杂功能。这种技术的优点在于其灵活性和可定制性。与传统的视频处理软件相比，Canvas视频处理不需要安装额外的软件，只需要编写相应的JavaScript代码即可实现各种视频处理效果。此外，Canvas API还支持跨浏览器和跨平台使用，使得开发者可以更加便捷地开发和部署视频处理应用。

除了绘制被放大镜放在的图像外，还会擦除用户拖动之前的那个放大镜图像，每当拖动放大镜时，程序会调用putInageData()方法把上一次移动鼠标时用getImageData()所捕获的背景图像重新恢复到canvas中。当拖动鼠标时，程序捕获放大镜最小外接矩形范围内的像素，然后程序将剪辑区域设置为放大镜所在范围，并将刚捕获的图像绘制到canvas自身，在绘制时调用接受9个参数的drawImage()方法来放大图像。【1】调用putInageData()，将上一次放大镜所在位置的背景图像恢复到canvas中。

Canvas工作线程。

-2--图像的绘制存在安全问题，默认的情况下允许绘制不属于自己域的图像，但不能通过Canvas API保存或修改其它域中的图像。--3--在使用这些API时性能也是一个需要关注的方面，不同的编码其效率不太一样，有一个大致的参考网站:【http://jsperf.com】chrome:在命令行中指定：'--allow-file-access-from-files'参数来启动浏览器；--1--有时两个canvas的相互绘制需要创建离屏canvas，离屏技术实际上是用空间换时间的一种技术。

**************************************************context.drawImage()方法有如下几种参数形式,图像的绘制不会考虑当前路径，但它会考虑alpha, 阴影，剪辑区域以及图像合成效果等效果*//***************************************************context.putImageData()，这个方法在绘制图像时不受一些全局参数的影响，而drawImage（）则会受限制*/

【4】、行绘制 每次在mousedown时创建一个line对象，它里面包含坐标，所以在keypress时会在原地追加文字，是mousedown, keydown, keypress的事体集合，关键注意key事件的关系运用 【5】、段落的绘制 在段中会有多个行对象 *///在canvs中并没有提供对文本编辑的太多支持，所有的比如光标、换行、复制、等操作都需要用底层的API来实现，其中光标可以封装成一个对象，在canvas中建议不要自己实现其文本编辑功能，可以结合html和canvas混合使用 /*

【代码】Canvas在圆弧周围绘制文本17。

【代码】Canvas圆弧周围绘制文本17。

【代码】Canvas字体基础16。

剪辑区域-橡皮擦&不断变小的动画15。

【代码】Canvas图像合成效果14。

【代码】Canvas编辑贝塞尔曲线13。

canvas系列之12。

canvas另一功能。

【代码】Canvas-扩展绘制-虚线10。

渐变-图像-阴影9

Canvas橡皮筋选取

橡皮筋绘制

绘制网格

边界碰撞检测

【代码】Canvas鼠标事件-4。

【代码】Canvas坐标查看器-3。

【代码】Canvas基本图形绘制API-2。

【代码】Canvas概述01。