电子签名
- Qrcode.vue:用于生成二维码的Vue组件,可快速集成进项目中。
- Canvas API:用于实现签名画板,捕捉用户的签名数据。 用时间戳判断、将base64转换为blob 难点:画布、签名文件上传、跨窗口通信、路由跳转查询、获取实际ip地址、不同端加载流程不同的处理方式:在移动端签名页面中,我们将签名URL作为查询参数(searchParams)而不是hash传递;在电子签名组件中,统一使用查询参数的方式来检查和处理签名URL 清除URL参数时使用更可靠的URL API来操作
js
// 获取纯净的 projectId
const getCleanProjectId = () => {
const fullPath = window.location.search;
// 只取第一个问号后面的 projectId 值
const match = fullPath.match(/\?projectId=(\d+)/);
return match ? match[1] : '';
};
使用 URLhash 片段来传递签名 URL