canvas教程

基于HTML5 Canvas和jQuery 的画图工具:jPainter

字号+ 作者:H5之家 来源:H5之家 2015-10-20 15:47 我要评论( )

简介 HTML5 提供了强大的Canvas元素,使用Canvas并结合Javascript 可以实现一些非常强大的功能。本文就介绍一下基于HTML5 Canvas 的画图工具的实现。废话少说,先看成品: 该应用是遵循所见即所得(WYSIWYG, What you see is what you get)原则设计的,它具

简介

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

基于HTML5 Canvas和jQuery 的画图工具:jPainter

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

1. 可以绘制自由曲线、直线、矩形框和文字;

2. 可以根据需要定义线段和矩形框的颜色和宽度;

3. 你可以需要字体的大小、颜色、字体;

4. 支持undo、redo操作;

5. 支持橡皮擦功能;

6. 支持本地图片保存功能。

来自:

项目主页:

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • html5canvas核心技术图形、动画与游戏开发源码

    html5canvas核心技术图形、动画与游戏开发源码

    2017-05-02 17:42

  • 打印html5中Canvas的方法

    打印html5中Canvas的方法

    2017-05-01 15:03

  • HTML5+Canvas调用手机拍照功能实现图片上传(下)

    HTML5+Canvas调用手机拍照功能实现图片上传(下)

    2017-04-30 17:00

  • HTML5新特性详解(三)

    HTML5新特性详解(三)

    2017-04-30 16:03

网友点评
t