在最近的一个项目里需要在一个基于canvas进行标注的页面实现用户的撤销操作，刚开始查资料，有介绍可以使用immutable.js来实现。
immutable.js就是一旦创建，就不能再被更改的数据。对 Immutable 对象的任何修改或添加删除操作都会返回一个新的 Immutable 对象。Immutable 实现的原理是 Persistent Data Structure（持久化数据结构），也就是使用旧数据创建新数据时，要保证旧数据同时可用且不变。
最近的工作中有一个项目需要使用canvas对图片上的物体进行标注，标注直接使用牛津大学的一个插件，它的基本原理就是根据图片尺寸绘制一个相同大小的canvas图层覆盖在图片上，通过用户使用鼠标点击canvas图层获取坐标位置来调用canvas方法画出图形。插件已经把常见图形的方法封装好了，但是也需要改写一部分。
首先，canvas是一个html标签<canvas>,它和<img>标签很类似，但是不同之处在于，老一些的浏览器不知者这个新标签。canvas只有height和width两个属性，并且不设置的话会被浏览器赋予一个默认值，除此之外还有一个id属性，注意，height和width不可以使用css来设置，会导致图像变形。