在上面的代码中,我们添加了一个“测试回显”按钮。点击该按钮后,会模拟从某处获取已存储的签名数据,并将其赋值给signatureData。由于Vue的响应式系统,vue-esign组件会自动更新并显示签名。 你可以通过以下步骤进行测试: 在页面上签名并保存。 点击“测试回显”按钮。 观察vue-esign组件是否显示了之前保存的签名。5...
vue-esign不支持图片回显功能,所以只能自定义该功能。 直接在源码给canvas添加背景图片,将原来的签名当作背景图片来回显到页面上,如果新增签名的话就可以在画布上修改了。 原本是一个签名图片 现在需要将该图片放到canvas画布里,成为背景图片。也可以加自定义的背景图片放给风景图,或者田子格也可以。 也可以清空画板重...
<!-- 电子签名组件 --><VueEsignv-if="showVueEsign"@handleImg="handleImg"ref="dialog-Esign"/> 4.3、methods中 // 点击电子签名的方法sign(){// 展示签名组件this.showVueEsign=true;this.$nextTick(()=>{// 触发组件的初始化方法this.$refs["dialog-Esign"].init();});},// 回显电子签名图片...