资源介绍
概括
sign-pad提供一个Web组件,提供签名绘图表面和相关服务:
流畅的绘画体验
可自定义的背景
A11Y:
sign-pad是可聚焦的
Escape清除签名
方便的导出API:
导出为SVG或画布
如果需要,在签名周围选择加入修剪空白
导出图像的可配置墨水和填充(背景)
便捷的互操作API:
空状态反映为属性和属性(用于简单的基于状态的样式和逻辑)
每次签名绘图触摸(包括清除)时都会触发input事件
如果自获取内容以来更改了内容,则sign-pad失去焦点时会触发change事件
这是中一个简单sign-pad用法示例的快照:
注意: sign-pad仅是签名图面; 阴影,按钮和图像反射是演示代码的一部分。
用法示例
下面的示例显示了sign-pad用法的精髓:初始化,HTML,基于状态的样式和JS逻辑。
盯着HTML,因为它是最简单,最短的部分:
< sign