? <canvas> 是 HTML5 新增的一个可以使用脚本(通常为JavaScript)在其中html绘制到canvas图像的 HTML 元素。它可以用来制作照片集或者制作简单(也不是那么简单)的动画甚至可以进行实时视频处理和渲染。

? 它朂初由苹果内部使用自己MacOS X WebKit推出供应用程序使用像仪表盘的构件和 Safari 浏览器使用。 后来有人通过Gecko内核的浏览器 (尤其是Mozilla和Firefox)，Opera和Chrome和超文本网络應用技术工作组建议为下一代的网络技术使用该元素

? Canvas是由HTML代码配合高度和宽度属性而定义出的可html绘制到canvas区域。JavaScript代码可以访问该区域類似于其他通用的二维API，通过一套完整的绘图函数来动态生成图形

为了获得更高的效率你可以制莋 Rect 一个静态类成员，每次都不会实例化它但是，这可能会引入并发问题并且可能会阻碍代码清晰度。