php手机触屏手写签字生成图片存储到服务器端
要做一个项目需要用手机触屏手写签字的功能。
需要两部分,一部分是前端部分,jSignature,可以生产base64;
(jSignature是一个jQuery插件,它简化了创建签名捕获场的浏览器窗口,允许用户使用鼠标,笔,或手指画一个签名。jSignature捕捉签名矢量轮廓的笔触。)
第二部分是php部分,把base64数据存储到服务器端。看似简单过程也挺麻烦的。
需要两部分,一部分是前端部分,jSignature,可以生产base64;
(jSignature是一个jQuery插件,它简化了创建签名捕获场的浏览器窗口,允许用户使用鼠标,笔,或手指画一个签名。jSignature捕捉签名矢量轮廓的笔触。)
jSignature 详细介绍
jSignature是一个jQuery插件,它简化了创建签名捕获场的浏览器窗口,允许用户使用鼠标,笔,或手指画一个签名。jSignature捕捉签名矢量轮廓的笔触。虽然jSignature可以导出大位图(PNG)也一样,提取签名的高度可扩展的行程运动坐标(又名向量图)允许签名呈现更大的灵活性。支持主要的台式机,平板电脑和手机浏览器的支持。HTML5 Canvas元素默认情况下使用。我们依傍基于Flash的Canvas元素模拟器(FlashCanvas)时,不支持浏览器的实际画布(ie8 以下)。
基本调用方式
<!--[
if
lt IE 9]>
<script type=
"text/javascript"
src=
"libs/flashcanvas.js"
></script><![endif]-->
<div id=
"signature"
></div>
<script src=
"libs/jSignature.min.js"
></script>
<script>
$(document).ready(
function
() {
$(
"#signature"
).jSignature()
})
</script>