电子印章一jquery.stamper使用说明

Posted 2021-03-08 apolloren

jquery.stamper使用说明

铁木箱子（[e-mail]） V0.1

1、说明

jquery.stamper是一款模拟现实中盖章效果的jquery插件，通过动画的形式展现盖章效果。 访问GitHub项目库！

2、使用

在页面上引入jquery和jquery.stamper两个JS文件：

<script src="jquery-1.10.2.min.js"></script>
<script src="jquery.stamper.js"></script>

然后在需要盖章的元素上调用jquery.stamper即可，如下：

$("#elementId").stamper({
  image : "images/stamper.png"
});

3、参数

jquery.stamper可配置的参数如下：

• image：章的图片路径，必须指定
• scale：章图片的放大倍数，默认是5。需要小心设置过大可能会超出屏幕大小太多导致等待较长时间才会显示
• speed：效果速度值，默认是600（单位毫秒）。通常与scale配合一起决定整个效果的时间
• complete：盖章完成后的回调方法，该方法无参数，可选

点击我盖章（单个）（盖章）

点击我盖章（多个）

 

 

======================================

转自：http://www.ibloger.net/assets/demos/jquery.stamper/index.html

感谢 铁木箱子