最近项目中需要做一个电子签名的控件,踩坑不少。现记录一下。一、控件效果 这是一个之前的项目中的手写签名的一个控件,现在要改成vue版本的。大概功能就是点击页面中的标题文字“手写签批”,有一个弹框,里面可以手写签名,底部是功能操作,包括撤销、清屏、橡皮擦功能、调节笔刷的粗细、保存等。二、插件选择之前因为没有接触过手写签名的功能,所…
vue2 "@zxing/library": "^0.19.1", "vue-qrcode-reader": "^3.1.0",扫码方式有三种,第一微信jssdk自带的扫一扫功能,优点:无兼容性问题,只要微信能扫一扫的场…
h5方式通过驱动摄像头进行二维码、一维码识别。代码亲测可用。感谢:https://github.com/zxing-js/library重点:BrowserQRCodeReader、BrowserMultiFormatReader做好区分。<template> <div class=&q…
vue-qrcode-reader 扫一扫二维码插件此插件必须访问 https 才可访问摄像头1、安装插件因是 vue2 版本所以根据官网提示 https://github.com/gruhn/vue-qrcode-reader How to make it work with Vue 2?Support is dropped but y…
visualMap=[ //视觉映射组件,用于进行『视觉编码』,也就是将数据映射到视觉元…
ECharts是我们常用的图表控件,功能特别强大,每次使用都要查API比较繁琐,这里就记录开发中常用的配置。官网:https://echarts.apache.org/handbook/zh/get-started配置项:https://echarts.apache.org/zh/option.html#title第三方示例平台:http…
在vue3项目中实现浏览器打印功能,可以直接使用javascript方法window.print()。如果你需要更高级的打印功能,比如打印预览、自定义打印模板等,你可能需要集成第三方库或API,以print-js为例。效果如下:引入PrintJS库有两种方式, 在线CDN和npm安装依赖1.1 CDN引入:<script src=&…
前端比较简单,只需在使用时引入 npm 包const SM4 = require("gm-crypt").sm4;下面是前端加解密操作 sm4Config = key: , mode: , …
前言1. 需求:Vue 网页端实现数据数据安全,关键数据加密,防篡改等Apk 手机端实现数据安全,关键数据加密,防篡改,APK 完整性校验等Java 后台实现库Apk 用uniApp 开发,如果是java开发可以借鉴使用 java库2. 关键技术关键数据加密 sm2项目数据安全防篡改 sm4 与 sm3结合手机端APK完整性校验 sm3 …
下面我就为你讲解在vue项目中使用AES实现密码加密解密的完整攻略。简介AES是一种对称加密算法,加密解密使用相同的密钥。在前后端交互中,经常需要对数据进行加密,以保证数据传输的安全性。本文将介绍如何在vue项目中使用AES实现密码加密解密。安装依赖在vue项目中使用AES需要安装crypto-js这个库,可以通过npm安装:npm&nb…