基于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. beck 回复2015年06月25日 16时49分
    磨者

      磨者 765 @beck 回复2015年06月25日 16时51分
      磨者

  2. 磨者 766 回复2015年06月25日 16时52分
    磨者

  3. 磨者 771 回复2015年06月26日 17时05分
    磨者

      磨者 772 @磨者 771 回复2015年06月26日 18时03分
      磨者

  4. 磨者 784 回复2015年09月07日 14时01分
    磨者

  5. 磨者 793 回复2015年10月10日 16时22分
    磨者

  6. 磨者 795 回复2015年11月11日 11时35分
    磨者

  7. 磨者 796 回复2015年11月18日 22时34分
    磨者
     
  8. 磨者 797 回复2015年11月23日 11时47分
    磨者

  9. 磨者 798 回复2015年11月25日 08时53分
    磨者

  10. 磨者 799 回复2015年11月26日 16时31分
    磨者
    赞赞赞赞赞赞赞赞赞

  11. 我来说两句:

      切换  

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

      切换  

    磨途歌随机验证码