jquery画图插件jPainter

一、总结

一句话总结:四年前的项目,四年无更新,不好用。

二、基于HTML5 Canvas和jQuery 的画图工具的实现

简介

HTML5 提供了强大的Canvas元素,使用Canvas并结合Javascript 可以实现一些非常强大的功能。本文就介绍一下基于HTML5 Canvas 的画图工具的实现。废话少说,先看成品:

jquery画图插件jPainter-LMLPHP

该应用是遵循所见即所得(WYSIWYG, What you see is what you get)原则设计的,它具有以下功能:

开发心得分享

上述功能的实现,难点倒不是很多,值得一提的有以下几点:

鼠标按下并移动 事件应该怎样实现

当然,如果读者有其他的实现方案,还请不吝赐教,共同学习!

怎样实现所见即所得的设计

undo redo 的实现原理

画板信息存为图片

 
05-11 21:55