HTML5 CANVAS游戏开发实战（PDF和源代码） 第一部分　准备工作篇 第1章　准备工作 / 2 1.1　html5介绍 / 2 1.1.1　什么是html5 / 2 1.1.2　html5的新特性 / 2 1.2　canvas简介 / 5 1.2.1　canvas标签的历史 / 5 1.2.2　canvas的定义和用法 / 6 1.2.3　如何使用canvas来绘图 / 6 1.2.4　canvas的限制 / 7 1.3　开发与运行环境的准备 / 7 1.3.1　浏览器的支持 / 7

第一部分　准备工作篇 第1章　准备工作 / 2 1.1　html5介绍 / 2 1.1.1　什么是html5 / 2 1.1.2　html5的新特性 / 2 1.2　canvas简介 / 5 1.2.1　canvas标签的历史 / 5 1.2.2　canvas的定义和用法 / 6 1.2.3　如何使用canvas来绘图 / 6 1.2.4　canvas的限制 / 7 1.3　开发与运行环境的准备 / 7 1.3.1　浏览器的支持 / 7 1.3.2　准备一个本地的服务器 / 8 1.4　开发工

本文实现一个类似像素风格的画板，可以像素小格子可以擦除，框选变色，可以擦出各种图形，非常具有实用价值，需要的朋友可以参考下

最近项目上要实现一个类似像素风格的画板，可以像素小格子可以擦除，框选变色，可以擦出各种图形，这样一个小项目看似简单，包含的东西还真不少。 绘制像素格子 我们先定义像素格子类 Pixel = function (option) { this.x = option.x; this.y = option.y; this.shape = option.shape; this.size = option.size || 8; } x和y表示中心点坐标，一开始我是这么做的，