文章目录canvas制作马赛克&飞鸟动画&小球拖拽动画一、了解单像素操作1、在canvas中的像素操作2、得到场景像素数据3、ImageData对象4、在场景中写入像素数据5、创建一个ImageData对象二、canvas使用图片1、在canvas中插入图片(需要image对象)2、在canvas中设置背景(需要image对象)渐变三、飞鸟动画效果图完整代码四、操作单个像素(行与列)示例一效果图示例二HTML&CSS获取某个点的像素设置某个点的像素完整JavaScript代码效果图五、马赛克HTML&CSS选取马赛克矩形单像素操作完整代码效果图六、小球动画1、角度与弧度的js表达式:2、can