基于html5的canvas+jQuery实现的手写留言板

[文章作者:磨延城 转载请注明原文出处: https://mo2g.com/view/93/ ]

前几天在一个博客里看到这个手写留言板的功能,感觉太神奇了,网站的留言体验一下就感觉更真实,网站为:虎兔手记​,由于使用的是Html5,而我又不太想捣鼓前端的东西,就只能望梅止渴了.最近清明放假,心里痒痒的,想想,还是搞一个简单的canvas留言板

手写留言板教程:

一、分享jQuery+Canvas实现的手写留言板

二、分享jQuery+Canvas实现的手写留言板


2015年6月27日更新,抱歉让大家久等了。。

留言板完整代码示例,包括怎么保存为图片:https://github.com/mo2g/test/tree/master/canvas


前几天在一个博客里看到这个手写留言板的功能,感觉太神奇了,网站的留言体验一下就感觉更真实,网站为:虎兔手记,由于使用的是Html5,而我又不太想捣鼓前端的东西,就只能望梅止渴了。最近清明放假,心里痒痒的,想想,还是搞一个简单的canvas留言板来玩玩吧。

经过简单分析,就暂时弄了几个基本的画图功能,现在磨途歌的留言板,有两种留言模式:

1)画板模式(新增)

2)文字模式(原有)

画板模式暂时就只支持3种功能:

1)调整画笔粗细

2)调整画笔颜色

3)刷新画板

至于更复杂的画板功能,以后看需求再说吧。

前端技术的发展真是越来越赞了。

评论:

  1. 磨者 204 回复2015年01月12日 09时36分
    磨者

      磨者 785 @磨者 204 回复2015年09月07日 14时02分
      磨者

  2. 磨者 207 回复2015年01月15日 09时33分
    磨者

  3. 磨者 209 回复2015年01月19日 14时42分
    磨者

  4. 磨者 218 回复2015年02月09日 09时40分
    磨者

  5. 磨者 220 回复2015年02月28日 10时52分
    磨者

  6. anne 回复2015年03月12日 11时42分
    磨者

  7. 磨者 232 回复2015年04月03日 17时38分
    磨者

  8. 我来测试一下 回复2015年04月17日 11时02分
    磨者

  9. 磨者 237 回复2015年04月21日 13时09分
    磨者

  10. beck 回复2015年06月25日 16时47分
    磨者

  11. 我来说两句:

      切换  

    磨途歌检测发现,您当前使用的浏览器版本过低,要想使用画板模式,请先更新浏览器

      切换  

    磨途歌随机验证码