vue实现 DES 模拟接口签名

des对称加密

des对称加密,是一种比较传统的加密方式,其加密运算、解密运算使用的是同样的密钥,信息的发送者和信息的接收者在进行信息的传输与处理时,必须共同持有该密码(称为对称密码),是一种对称加密算法。

DES跟MD5有什么区别

DES可以解密,MD5就不行,
DES 加密是可逆,一般对于密码都采用MD5
DES可应用于API接口签名,安全性一般(可逆性)

使用vue进行des加密实现

1、安装:npm install crypto-js
2、创建js文件
3、js文件引入 import CryptoJS from ‘crypto-js’
4、实现代码如下:

import CryptoJS from 'crypto-js';

/**
 * DES加密
 * @param msg  要加密的数据
 * @returns {string} 返回加密后的数据
 */
function desSing(msg){
   
  const keyHex = CryptoJS.enc.Utf8.parse("18999m69")
  const ivHex = CryptoJS.enc.Utf8.parse(
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
好的,关于vue实现签名框手写签名的功能,可以使用HTML5的canvas标签实现。具体可以参考以下步骤: 1. 在vue组件中引入canvas标签,并设置该标签的宽高和边框等样式。如下: ``` <canvas id="canvas" width="400" height="200" style="border:1px solid #000000;"></canvas> ``` 2. 在vue组件的mounted生命周期中获取canvas对象,并设置canvas的绘制样式。如下: ``` mounted() { this.canvas = document.getElementById('canvas'); this.ctx = this.canvas.getContext('2d'); this.ctx.lineWidth = 2; // 设置笔画宽度 this.ctx.strokeStyle = '#000000'; // 设置笔画颜色 } ``` 3. 在提供签名功能的按钮事件中,绑定canvas的鼠标事件。如下: ``` <button @click="startDrawing">签名</button> ``` startDrawing方法中绑定事件: ``` startDrawing() { this.drawing = true; this.canvas.addEventListener('mousedown', this.onMouseDown); this.canvas.addEventListener('mouseup', this.onMouseUp); this.canvas.addEventListener('mousemove', this.onMouseMove); } ``` 4. 监听canvas的鼠标事件,实现手写签名。如下: ``` onMouseDown(e) { this.ctx.beginPath(); this.ctx.moveTo(e.offsetX, e.offsetY); this.mouseMoved = false; } onMouseMove(e) { if (this.drawing) { this.mouseMoved = true; this.ctx.lineTo(e.offsetX, e.offsetY); this.ctx.stroke(); } } onMouseUp(e) { if (!this.mouseMoved) { this.ctx.fillRect(e.offsetX - 1, e.offsetY - 1, 2, 2); } this.drawing = false; this.canvas.removeEventListener('mousedown', this.onMouseDown); this.canvas.removeEventListener('mouseup', this.onMouseUp); this.canvas.removeEventListener('mousemove', this.onMouseMove); } ``` 以上就是通过canvas实现vue签名框手写签名的功能的具体步骤。希望能对您有所帮助。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

星空 | 永恒

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值