jSignature 是一个 jQuery 插件,它简化了在浏览器窗口中创建签名捕获字段的过程,允许用户使用鼠标、笔或手指绘制签名。

jSignature 将签名捕获为笔划的矢量轮廓。 虽然 jSignature 也可以导出大位图 (PNG),但提取签名的高度可扩展的笔画移动坐标(也称为矢量图像)可以使签名渲染更加灵活。

当签名者绘制笔划时,需要付出额外的努力(通过平滑和压力模拟)以使笔划在屏幕上看起来很漂亮。

支持所有主要的桌面、平板电脑和手机浏览器。 默认情况下使用 HTML5 Canvas 元素。 当浏览器(Internet Explorer v.8 及更低版本)不支持实际 Canvas 时,我们会求助于基于 Flash 的 Canvas 元素模拟器 (FlashCanvas)。

实时 jSignature 只渲染我们捕获的适合设备的“最漂亮”的近似值。 数据捕获始终相同 - 我们捕获尽可能多的运动坐标。 笔画的呈现因浏览器的功能、设备的效率、屏幕尺寸而异。

这种对捕获签名的屏幕表示的降级和增强是有意进行的,以确保渲染不会影响捕获的响应能力。 例如,在慢速渲染设备(Android 浏览器、基于 FlashCanvas 的 Canvas 仿真)上,平滑度会提高一个档次,以补偿捕获的笔划坐标中的大间隙 - 这是捕获设备效率低下的结果。 在所有情况下,客户都应该对绘图的响应能力和美观感到满意。

jSignature 可以轻松将其自身插入到现有样式的网站中。 jSignature 自动检测包装元素上使用的颜色(文本颜色 = 笔颜色,背景 = 背景),并自动为“装饰”(签名线)选择令人愉悦的中间阴影。 jSignature 很好地适应固定和可变宽度的网页设计以及各种尺寸的屏幕(手机、平板电脑、电脑屏幕),并在父元素更改大小时自动重新缩放绘图区域和签名。

标签: jquery, jSignature

添加新评论