基于html5的canvas+jQuery实现的手写留言板
[文章作者:磨延城 转载请注明原文出处: https://mo2g.com/view/93/ ]
前几天在一个博客里看到这个手写留言板的功能,感觉太神奇了,网站的留言体验一下就感觉更真实,网站为:虎兔手记,由于使用的是Html5,而我又不太想捣鼓前端的东西,就只能望梅止渴了.最近清明放假,心里痒痒的,想想,还是搞一个简单的canvas留言板
手写留言板教程:
2015年6月27日更新,抱歉让大家久等了。。
留言板完整代码示例,包括怎么保存为图片:https://github.com/mo2g/test/tree/master/canvas
前几天在一个博客里看到这个手写留言板的功能,感觉太神奇了,网站的留言体验一下就感觉更真实,网站为:虎兔手记,由于使用的是Html5,而我又不太想捣鼓前端的东西,就只能望梅止渴了。最近清明放假,心里痒痒的,想想,还是搞一个简单的canvas留言板来玩玩吧。
经过简单分析,就暂时弄了几个基本的画图功能,现在磨途歌的留言板,有两种留言模式:
1)画板模式(新增)
2)文字模式(原有)
画板模式暂时就只支持3种功能:
1)调整画笔粗细
2)调整画笔颜色
3)刷新画板
至于更复杂的画板功能,以后看需求再说吧。
前端技术的发展真是越来越赞了。
我来说两句: