jSignature是一款jQuery写字板插件。jSignature基于HTML5 canvas,可以制作跨平台,支持移动手机的写字板效果。

使用方法

在页面中引入下面的文件。

HTML结构

使用下面的HTML结构来创建一个写字板。

初始化插件

在页面DOM元素加载完毕之后,通过下面的方法来初始化该jQuery写字板插件。

$("#signatureparent").jSignature({

// line color

color:"#f00",

// line width

lineWidth:5,

// width/height of signature pad

width:300,

height:200,

// background color

background-color:"#0f0"

});

方法API

// Resets the signature pad

$("#signatureContainer").jSignature('reset');

// Destroy the signature pad

$("#signatureContainer").jSignature('destroy');

// Returns a data object appropriate for the data format

$("#signatureContainer").jSignature('getData', FORMATNAME);

// Sets data

$("#signatureContainer").jSignature('setData', DATAOBJECT, FORMATNAME);

// Disables the signature pad

$("#signatureContainer").jSignature('disable');

// Re-enable the signature pad

$("#signatureContainer").jSignature('enable');

// Returns a boolean true if the jSignature was modified

$("#signatureContainer").jSignature('isModified');

// Returns the configurable settings

$("#signatureContainer").jSignature('getSettings');

// Updates certain settings

$("#signatureContainer").jSignature('updateSetting', SETTINGNAME, VALUE, Boolean);

编辑html的写字板,jQuery写字板插件相关推荐

  1. 6自由度并联拉线写字机器人实现写字功能

    1. 功能说明 本文示例将实现R287样机6自由度并联拉线写字机器人写字(机器时代)的功能. 该机器人有两部分:绘图机构.走纸机构.绘图机构由6个舵机模块近似正六边形位置分布,共同控制位于中心的画笔: ...

  2. 台风怎么看内存颗粒_生态板、密度板、颗粒板各有好处,看你怎么用了!

    现在很多人拿密度板生态板和颗粒板比较谁更环保一些,有人说颗粒板用胶太多不环保,其实是否环保要取决于板材的价格,当然,不同品牌之间由于品牌价值不同无法直接比较. 相比较环保的生态板来说,虽然生态板用胶量 ...

  3. 笔刷怎么做_零基础怎么学板绘?板绘小白必备基础知识

    零基础怎么学板绘?板绘小白必备基础知识!零基础学板绘需要准备什么东西?零基础学板绘需要学习哪些软件?板绘是做电影时要用到的人物场景原画的最重要的绘画方式,也是美术爱好者日常学习和创作的首选方式之一.那 ...

  4. DELL戴尔笔记本关闭触摸板触控板WIN10

    DELL戴尔笔记本关闭触摸板触控板WIN10 听语音 原创 | 浏览:5728 | 更新:2017-03-05 17:33 1 2 3 4 分步阅读 WIN10系统,控制面版还没有触摸板选项,DELL ...

  5. 4G全网通MTK6737开发板-安卓核心板通信LTE模块方案

    新移科技的XY001开发板(安卓智能核心板评估套件),主要用于新移科技3G/4G/5G智能核心板的功能开发与测试.适用:XY6761.XY6853.XY8735 .XY6580. XY6762.XY6 ...

  6. 华芯微特SWM220R8T7-LQ64-22100最小系统板测试版开发板面包板

    一.系统板特点: 1.板载了基于MCU的最基本电路,如晶振电路和电源转换电路. 2.核心板引出了常用的I/O中资源. 3.引出了SWD仿真调试下载接口,可以用J-Link调试仿真下载器下载,方便简单. ...

  7. ZYNQ RFSoc开发板-usrp软件无线电X410mini开发板-5G评估板

    RFSoc开发板-usrp软件无线电X410mini开发板-5G评估板 Zynq® UltraScale+™ RFSoC ZCU208 评估套件是面向开箱即用评估及前沿应用开发的理想 RF 测试平台. ...

  8. 以虎贲T710为核心的高性能AI开发板-BU99开发板

    文章目录 虎贲T710 BU99开发板 BU99开发板简介 BU99开发板主要优势 BU99开发板参数介绍 BU99开发板配件 虎贲T710 虎贲T710采用8核CPU架构,由4颗2.0GHz的Arm ...

  9. 第一视角体验搭载全志T507-H的开发板MYD-YT507H开发板

    如今车规级芯片市场潜力巨大,需求旺盛,芯片都在逐渐走向国产化.本文要介绍的主角是MYD-YT507H开发板,该开发板是米尔科技结合全志国产工业级平台CPU--全志T507-H芯片研制的CPU模组,全志 ...

最新文章

  1. 生成器generator
  2. 关于.h .lib .dll的总结
  3. sql update 日期减6个月_【干货】SQL基础快速入门
  4. 【五】每个球队胜率统计
  5. Arduino 各种模块篇 DHT11 温度湿度 数字模块 单总线
  6. 适合初学者的安卓开源项目_开源周初学者
  7. windows操作系统_国产Linux操作系统体验:易用性不比Windows差,但输在这点上
  8. 【接口测试】axios测试接口
  9. 最新国民经济行业分类sql文件
  10. 帆软 FineReport 绘制填报报表
  11. Pix4D航测成图完整教程(空三,点云编辑DSM,正射,质量报告分析...)
  12. SolidWorks二次开发-工程图-预定义视图
  13. 如何把word文档转换成jpg图片
  14. 怎么做网站,网站制作步骤有哪些?
  15. Android开发之科大讯飞语音合成与播报
  16. PID控制器原理概述
  17. 初识云计算和DevOps
  18. 传统大地测量数字考点
  19. 使用canvas画一个流星动画送给她吧
  20. [附源码]计算机毕业设计Python学生社团信息管理系统(程序+源码+LW文档)

热门文章

  1. Nginx静态资源服务器搭建
  2. Codeforces Round #536 (Div. 2) B. Lunar New Year and Food Ordering
  3. GBase 8c 分布式高可用
  4. iRepor多张报表连续输出
  5. recovery 进入方式
  6. Go字面量(字面常量)
  7. 基于ssm的网上银行管理系统的设计与实现
  8. Shell常用命令与工具(一)
  9. 欧洲理事会官员:英国脱欧条件协议草案不应重审
  10. ES6知识点整理Promise的应用