51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

canvas签名
canvas
canvas
原创
张不大了
2023-07-06 17:18:14
1249阅读

Vue使用手写签名组件Sign-Canvas
前言使用【sign-canvas】组件二次封装自定义手写签名组件，一个基于canvas开发封装实现的通用手写签名板(电子签名板),支持PC端和移动端，效果如
vue
ico
封装
线框
原创
DuebassLei
2022-01-12 15:14:41
987阅读

canvas 实现签名效果
效果图 概述 在线签名，现在在很多场景下都能看到，而且在移动端见的比较多。 用canvas和svg都可以实现，而且跨平台能力也很好。 canvas基于像素，提供 2D 绘制函数，提供的功能更原始，适合像素处理、动态渲染和大量数据绘制，可控性高，绘制完了基本不记录过程，绘图性能会更好一点，各大厂商也早 ...
html
2d
移动端
数据
css样式
转载
mb5fdb0f4aaf587
2021-09-15 15:46:00
383阅读
2评论

移动端Canvas手写签名
效果图基于vue,可以保存上传项目地址 vue-signature实现1.canvas画图,参考 jrainlauscript>var draw;var preHan
事件监听
移动端
商业
转载
Danna123
2022-05-27 07:05:54
377阅读

canvas实现简单签名功能
一、需求业务员做申请提交时要签名。。。二、代码代码不多简单易懂，直接看代码<!DOCTYPE html> <html>  <head>   <meta charset="UTF-8">   <title></title>   <style type="text/css">    body{     backgrou
canvas
转载
mb600bea0083c0f
2021-01-24 20:40:42
851阅读
2评论

vue canvas 波浪
\src\components\Wave.vue <template> <div :style="{ height: waveAllHeight + 'px', background: bgColor }" class="wave"> <canvas id="wave1"></canvas> <ca ...
i++
2d
贝塞尔曲线
背景色
其他
转载
mob604756f37073
2021-09-09 17:20:00
429阅读
2评论

使用Canvas 实现手机端签名
使用Canvas 实现手机端签名
javascript
前端
html
canvas 手机端签名
初始化
原创
霍先生的虚拟宇宙网络
2022-10-29 00:22:53
277阅读

详情讲解canvas实现电子签名
#### 签名的实现功能 ``` 我们要实现签名： 1.我们首先要鼠标按下,移动，抬起。经过这三个步骤。 我们可以实现一笔或者连笔。 按下的时候我们需要移动画笔，可以使用 moveTo 来移动画笔。 e.pageX,e.pageY来获取坐标位置 移动的时候我们进行绘制 ctx.lineTo(e.pa
sed
移出
重置
原创 精选
朦胧淡月
2023-11-02 09:36:34
279阅读

记录一次Vue中用Canvas制作一个签名面板（插件）
npm install vue-esign --save在main.js中引入import vueEsign from 'vue-esign'Vue.use(vueEsign) <div class="box"> <vue-esign
github
生成图片
Vue
原创
codernmx
2022-12-05 15:41:57
234阅读

Vue Canvas 实现签字版
使用Vue、Canvas、ElementUI实现的电子签字版，PC和移动端皆可用。效果如下： HTML <template> <section class="signature"> <div class="signatureBox"> <div class="canvasBox" ref="canv ...
sed
上传
重置
当前路径
html
转载
mb5fe94bcc59f7e
2021-09-14 11:01:00
422阅读
1点赞
2评论

uni-app通过canvas实现手写签名
分享一个uni-app实现手写签名的方法具体代码如下： 请在下面输入签名： 完成 清除 =2){ this.draw();                   //绘制路径 } }, // 触摸结束，将未绘制的点清空防止对后续路径产生干扰 touchend:function(){             
uni-app
canvas
转载
mob604756f44f2a
2020-12-04 17:13:00
711阅读
2评论

使用Canvas实现网页鼠标签名效果
使用Canvas实现网页鼠标签名效果
html
前端
servlet
canvas签名
上传
原创
霍先生的虚拟宇宙网络
2022-10-29 00:23:00
218阅读

电子签名 java vue 电子签名软件
密信App自2019年8月18日正式集成了电子签名服务以来，收到了全球广大用户的欢迎，也收到了电子签名用户的许多建议。密信App是一个加密电子邮件客户端软件，而电子签名服务则定位为密信电子邮件加密服务的一项增值服务，但由于密信电子签名服务的独特优势收到了广大用户的热捧，仅作为一个增值服务已经不能满足广大电子签名用户的应用需求。 为此，公司已于2020年11月6日决定开始着手把电子签名服务从密信Ap
电子签名 java vue
安全
电子签名
数字签名
App
转载
mob64ca140b82e3
2023-12-21 13:50:16
119阅读

vue 签名画板
在 Vue 中实现一个简单的签名画板，可以使用 canvas 元素结合 Vue 的响应式数据和事件来完成。以下是一个简单的实现步骤。步骤 1: 使用 <canvas> 元素绘制签名首先，我们需要一个 <canvas> 元素来绘制签名。通过监听鼠标或触摸事件，我们可以实现绘制。步骤 2: 设置 Vue 组件我们可以通过 Vue 组件来管理签名画板的状态和行
数据
上传
Vue
原创
wx62b523b24f728
10月前
100阅读

uniapp vue 利用canvas生成海报
<template> <view class="content" v-if="isShow" @click.stop="is
html5
vue.js
javascript
获取图片
圆角
原创
八点博客
2022-09-12 00:27:46
364阅读

vue移动开发 Android版 签名和未签名安装包的区别 vue签名算法
1、后端生成密钥对，公钥分享给前端,前端获取到服务器给的公钥。 2、前端用服务器端给的公钥 及算法：RSA/ECB/PKCS1Padding 加密"xhy 我爱你 中国 依芸Yiyun ！!!" 生成加密数据。 3、前端然后生成自己的密钥对，用自己的私钥及算法SHA1withRSA生成摘要签名。 4、前端把加密数据、自己的公钥与签名一并发给后端。 5、后端收到加
java
Text
数据
转载
数码精灵abc
2023-12-30 19:33:32
13阅读

前端 vue Java 电子签名
Chrome可以说是全世界最受欢迎的浏览器了，其快速、稳定的性能，简洁的设计以及多平台同步的功能都深受用户的推崇，然而很多人成为他的忠粉还是因为它强大的拓展性！用对了插件，分分钟提高你的工作效率。今天给大家介绍我了解到的几款程序员必备插件，希望它们能给你帮助，提高工作效率。一、WEB前端助手(FeHelper)|前端人员的神器这款FeHelper插件对于web前端需要处理的网页html源码压缩，c
前端 vue Java 电子签名
web 前端签名插件
下载地址
Markdown
窗口大小
转载
mob64ca1419a401
7月前
43阅读

vue组件：canvas实现图片涂鸦功能
方案背景 需求 需要对图片进行标注，导出图片。 需要标注N多图片最后同时保存。 需要根据多边形区域数据（区域、颜色、名称）标注。 对应方案 用canvas实现涂鸦、圆形、矩形的绘制，最终生成图片base编码用于上传 大量图片批量上传很耗时间，为了提高用户体验，改为只实现圆形、矩形绘制，最终保存成
vue组件
canvas
初始化
vue.js
数据
转载
mb5fe55b6d43deb
2018-11-03 15:05:00
1492阅读
2评论

Vue 3动态海洋天空Canvas动画
以下是一个实现动态海洋和天空效果的 Vue 3 Composition API Hook，使用 Canvas 绘制动画效果：<script setup> import { ref, onMounted, onUnmounted } from 'vue' // 动态海洋和天空效果 Hook export function useOceanSky(canvasRef) { const
Math
窗口大小
2d
原创
沧州虎王科技
2月前
205阅读

图片-滑动-解锁-组件-vue-canvas
<template> <div> <div id="slide_unloack_wraper"> <canvas width="310" height="155" id="slide_unloack_wraper1"></canvas> <div id="slide_unloack_inner"> Read More
ide
滑块
sed
移动端
鼠标移动
转载
mb5fe55be0b9ac7
2020-02-25 01:38:00
206阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

[vue] canvas img.onload不执行

VUE实现电子签名以及java后端接口实现 vue签名算法

使用vue实现手写签名功能

手写签名 vue2 demo

用Canvas实现一个相对完善的电子签名

canvas 设置宽度、高度后，签名区域鼠标不听使唤

vue-canvas-nest的安装和使用

Uni-app 之canvas手写板，横屏签名

java vue签名后把签名数据写到pdf上

canvas结合vue antd 实现折线图

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯