Jquery 需要绘制签名插件吗

---

需要一个jquery插件或任何其他将帮助我画类似类型的签名。有人能告诉我在哪里可以找到这样的插件吗？

这是您正在寻找的jquery插件

---

下载jsignature插件并添加到您的页面。

这是您正在寻找的jquery插件

下载jsignature插件并添加到您的页面。

使用

只是，方形曲线只能有一个恒定的厚度，因此，通过使用下面的，你不能轻易改变线，使阴影笔角度和压力效果

var板={
宽度：560，
身高：190
};
变量笔={
颜色：“rgb（0,0,0）”，
尺码：2
};
var-pts=[]；
var isDown=假；
var isTouch=假；
var cvs=document.getElementById（'canvas'）；
var ctx=cvs.getContext（'2d'）；
var cvs2=document.createElement（'canvas'）；
var ctx2=cvs2.getContext（'2d'）；
cvs.width=cvs2.width=board.width；
cvs.height=cvs2.height=board.height；
功能暂停（ev）{
ev.preventDefault（）；
isTouch=ev.type==“touchstart”；
ev=isTouch？ev.触碰[0]：ev；
isDown=真；
推({
x:ev.clientX，
y:ev.clientY
});
支点（）；
}
移动功能（ev）{
ev.preventDefault（）；
ev=isTouch？ev.触碰[0]：ev；
如果（isDown）{
ctx.clearRect（0，0，board.width，board.height）；
drawImage（cvs2，0，0）；//绘制到内存cvs2
推({
x:ev.clientX，
y:ev.clientY
});
支点（）；
}
}
功能补偿（ev）{
ev.preventDefault（）；
isDown=isTouch=false；
临时秘书处=[]；
//将状态保存到内存cvs2中
ctx2.clearRect（0，0，board.width，board.height）；
ctx2.drawImage（cvs，0,0）；
}
函数clear（）{
ctx.clearRect（0，0，board.width，board.height）；
ctx2.clearRect（0，0，board.width，board.height）；
}
函数drawPoints（）{
var i=0；
var i2=pts.length>1？1:0；
ctx.beginPath（）；
ctx.lineWidth=pen.size；
ctx.lineJoin='round'；
ctx.lineCap='圆形'；
移动到（pts[0].x，pts[0].y）；
对于（；i
body{margin:0；}
#画布{显示：块；框阴影：插入0 2px#ccc；}
#清除{位置：绝对；顶部：0；左侧：0；}

清晰的
使用


只是，方形曲线只能有一个恒定的厚度，因此，通过使用下面的，你不能轻易改变线，使阴影笔角度和压力效果


var板={
宽度：560，
身高：190
};
变量笔={
颜色：“rgb（0,0,0）”，
尺码：2
};
var-pts=[]；
var isDown=假；
var isTouch=假；
var cvs=document.getElementById（'canvas'）；
var ctx=cvs.getContext（'2d'）；
var cvs2=document.createElement（'canvas'）；
var ctx2=cvs2.getContext（'2d'）；
cvs.width=cvs2.width=board.width；
cvs.height=cvs2.height=board.height；
功能暂停（ev）{
ev.preventDefault（）；
isTouch=ev.type==“touchstart”；
ev=isTouch？ev.触碰[0]：ev；
isDown=真；
推({
x:ev.clientX，
y:ev.clientY
});
支点（）；
}
移动功能（ev）{
ev.preventDefault（）；
ev=isTouch？ev.触碰[0]：ev；
如果（isDown）{
ctx.clearRect（0，0，board.width，board.height）；
drawImage（cvs2，0，0）；//绘制到内存cvs2
推({
x:ev.clientX，
y:ev.clientY
});
支点（）；
}
}
功能补偿（ev）{
ev.preventDefault（）；
isDown=isTouch=false；
临时秘书处=[]；
//将状态保存到内存cvs2中
ctx2.clearRect（0，0，board.width，board.height）；
ctx2.drawImage（cvs，0,0）；
}
函数clear（）{
ctx.clearRect（0，0，board.width，board.height）；
ctx2.clearRect（0，0，board.width，board.height）；
}
函数drawPoints（）{
var i=0；
var i2=pts.length>1？1:0；
ctx.beginPath（）；
ctx.lineWidth=pen.size；
ctx.lineJoin='round'；
ctx.lineCap='圆形'；
移动到（pts[0].x，pts[0].y）；
对于（；i
body{margin:0；}
#画布{显示：块；框阴影：插入0 2px#ccc；}
#清除{位置：绝对；顶部：0；左侧：0；}

清楚
你不需要一个插件，只需要几行JS代码和一个漂亮的HTML5
：）所有这些简单的Googlable我已经有了一个，但它并没有那么流畅。我指的是曲线，我还试着玩贝塞尔曲线和二次曲线。但到目前为止什么都没有（但这正是方法，你只需要bezier加入你的“点”希望这有帮助：检查这把小提琴。你能帮我改进功能吗？这是一个清除按钮。这样你就不必刷新新的绘图。你不需要插件，只需要几行JS代码和一个漂亮的HTML5即可。）所有这一切都很简单，我已经有了一个，但它不是那么顺利。我指的是曲线，我试着玩贝塞尔和方