首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
canvas
订阅
听说是你在找我吧
更多收藏集
微信扫码分享
微信
新浪微博
QQ
7篇文章 · 0订阅
💯💯💯 原来 Base64 如此简单!!!
作为前端开发者,我们在很多场景中会使用到 Base64,但很惭愧,笔者对其原理并不熟悉,导致在遇到实际问题时耗费了很多时间去 📌 定位问题。这篇文章,将对Base64 进行刨根问底,一探究竟。
smooth-signature:H5前端canvas实现带笔锋手写签名,支持PC端和移动端使用,无框架限制,Vue、React等均可使用
受疫情的影响,无纸化流程和电子合同开始普及,电子签名需求也不断增加,签名体验也在逐渐改善,从一开始简单的canvas画线,到追求线条丝滑圆润,再到要求和纸上写字一样的笔锋效果等等。
Vue使用手写签名组件Sign-Canvas
前言使用【sign-canvas】组件二次封装自定义手写签名组件,一个基于canvas开发封装实现的通用手写签名板(电子签名板),支持PC端和移动端,效果如下图所示:安装全局引入组件封装使用
vue中使用canvas实现手写签名功能
效果图代码
canvas实现手写签名并旋转base64图片
1. touchstart:当手指触摸屏幕时,获取初始坐标,lastPos.x,lastPos.y。 2. touchmove: 当手指在屏幕上滑动的时,获取当前坐标,curLoc.x,curLoc.y。 如果直接用鼠标点击的坐标在canvas上绘图的话,会发现,画出来的线,坐…
小程序和H5手写签名
最近在做项目遇到一个需求,要手写签名并将canvas图片转化为base64。网上找来两个例子,一个是H5页面用vue实现的,一个是小程序原生。 围观地址: H5移动端项目实现手写签名功能 vue实现手
Vue H5手写签名板开发
1. 视图实现 首先我们使用canvas标签来实现视图,并且我们主要为canvas 来绑定三个事件 分别是 touchstart(触摸开始)touchmove(触摸过程),touchend(触摸结束)。 并且在mounted 进行一个初始化。下面是代码实现 预览地址 在mSta…