简介
HTML5 提供了强大的Canvas元素,使用Canvas并结合Javascript 可以实现一些非常强大的功能。本文就介绍一下基于HTML5 Canvas 的画图工具的实现。废话少说,先看成品:
该应用是遵循所见即所得(WYSIWYG, What you see is what you get)原则设计的,它具有以下功能:
1. 可以绘制自由曲线、直线、矩形框和文字;
2. 可以根据需要定义线段和矩形框的颜色和宽度;
3. 你可以需要字体的大小、颜色、字体;
4. 支持undo、redo操作;
5. 支持橡皮擦功能;
6. 支持本地图片保存功能。
来自:项目主页: