uniapp的手写签名，当签名时，页面会滑动

最新推荐文章于 2024-03-24 17:45:36 发布

小光头。。

最新推荐文章于 2024-03-24 17:45:36 发布

阅读量1.2k

点赞数

文章标签： uni-app 前端

本文链接：https://blog.csdn.net/qq_55900632/article/details/119111088

版权

这两天在开发一款手机端，涉及到了手写签名的功能，，当测试的时候，手指在页面上写名字的时候，页面总会跟着滑动，找了很久，在微信开发者工具的官方文档中找到了答案，关闭页面的回弹效果即可，再次测试，页面就不会随着手指滚动了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小光头。。

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

uniapp 实现手写签名

qq_40890601的博客

06-29

2948

效果如下：源代码 <template> <view > <canvas class="mycanvas" canvas-id="mycanvas" @touchstart="touchstart" @touchmove="touchmove" @touchend="touchend"></canvas> <view class="footer"> <view class="left" @click="finish" sty

uniapp 手写签名组件

qq_55482602的博客

06-01

776

value | String | | 签名内容，可以通过v-model绑定 || placeholder | String | 点击签名 | 签名说明 || explain | String | 请在此签名 | 提示说明 || label | String | 手写签名 | || 参数名 | 类型 | 默认值 | 说明 |

参与评论您还未登录，请先登录后发表或查看评论

uniapp 在手写板上滑动时，页面不滑动

weixin_60415789的博客

07-19

313

uniapp 手写签名怎么防止页面滑动

uniapp在app端页面上下左右滑动问题，禁止上下左右滑动影响canvas和触摸事件

最新发布

qq_42682622的博客

03-24

3459

当在app端运行uniapp项目时会有页面回弹效果，即页面拉到最上面或最下面时有一定的拉伸效果让页面更加柔和，但有些场景我们不希望有这种效果，比如页面中有触摸事件产生图形化效果时，比如有个能画画的canvas画布时此时如果存在回弹效果或滑动效果就会影响画图，通过上图中搜索框和canvas画布的拉伸可以看出影响。

uniapp+uView1.0做H5应用的时候，ios系统右侧会显示滚动条，如何隐藏ios下的滚动条

azlnhaha的博客

12-09

3086

uniapp

uniapp 手写签名并回显

Stevetagelian的博客

01-04

492

微信小程序B页面手写签名，点击确认后返回到A页面回显签名,复制到程序阅读效果更佳。

uniapp手写电子签名组件

04-14

标题中的“uniapp手写电子签名组件”指的是一个专为uni-app设计的插件，用于在应用内提供用户手写签名的功能。这样的组件通常会包含绘制线条、保存签名图片、清除画布等核心功能，适用于需要用户签署合同或确认服务...

uniapp实现手写签名

weixin_61115283的博客

06-01

2224

主要功能有横屏展示签名、清空、撤销、保存、判断是否有签。贴上完整版代码，可直接使用，具体api参数参考。

uniapp的移动端h5的横屏电子签名

06-01

自定义一个h5页面，实现可以横屏手写电子签名的功能，且支持回显（图片可以转化为签字版的canvas，且支持在此基础上继续进行手写签名）由于uniapp微信小程序支持横竖屏切换配置，但是移动端h5不支持。自定义一个h5...

每天bug---用canvas实现手写签名出现轨迹错乱（重要的是苹果手机和安卓手机错乱不一致！）

m0_70190404的博客

03-17

1509

用canvas实现手写签名出现轨迹错乱（重要的是苹果手机和安卓手机错乱不一致！）

uni-app 如何避免页面滑动

weixin_43952913的博客

12-24

1782

uni-app 页面滑动的解决

H5实现在线签名，解决页面滑动的问题

weixin_44658445的博客

12-17

1963

原理实现在线签名功能，主要是依托canvas技术。首先生成画布、初始画笔对象，然后为画布添加touch事件监听，通过事件触发绘制文字。保存时通过canvas的toDataURL方法生成base64图片文件进行下一步操作。基于vue的demo实现 <template> <div class="page-content"> <header title="用户需求签名"> <button slot="right" @click="handel

canvas画布，在手机端写字应用屏幕会跟着滚动

01-16

1234

问题概述：前几天要写一个手机端的签名插件，网上找来找去都是jquery的signature插件，原理是canvas画布，监听touch事件，pc端好好的，但放在移动端，当手指触屏的时候，页面会跟着滚动，实在是难受至极。 <canvas id="canvas" style="width: 100%;height: 100%"></canvas> 解决办法： ...

canvas签名页面跟着滑动bug

gxdzi的博客

03-04

676

试错一：ios上快速的点击并滑动，页面就会跟着滑动，长按一下下再开始滑动，页面就不会滑动，这让我想起以前遇到一个ios端300ms事件延迟的问题，所以我去引入fastclick.js来解决这个300ms延迟问题，然而并没有效果，页面依旧会滑动。试错三：接着我尝试在弹出弹窗时直接将页面隐藏了，没有高度了，结果发现新bug，他还是会上下滚动，而且将页面的下拉刷新都给拉下来了，但是明明就写好了禁止下拉刷新，到这就脑壳爆炸了。尝试的心态写了上去，直接就解决了我的问题，我裂开了。

uniapp 使用canvas实现签字功能(兼容h5，app，小程序)

措手不及ya的博客

12-08

1472

uniapp 使用canvas实现签字功能(兼容h5，app，小程序) js

uniapp 微信签名不对解决方案

hellow_world_的博客

11-22

7030

原因：当你使用微信登陆或分享的时候，微信的客户端会存储你的app在微信开放平台上配置的包名跟应用签名，如果你在自己的应用里面第一次使用微信登陆或分享后，你的应用相关的信息就会被微信客户端记录了，这时候你再换一个签名文件更改你的应用签名，点微信登陆就会出现没反应，并且友盟的那些回调都没有调用的情况，在更改签名后如果发现自己所有的配置和代码都没有问题的话可以删除手机上的微信。 https://www...

使用signature在移动端做电子签名canvas画板随触摸滚屏的bug

John_lv的博客

11-08

1339

在做移动端项目的时候，如果页面需要滚动，而页面上有signature实现的电子签名，就会发现手写的时候canvas画板会随着手指的滑动而滚动，导致不能正常签名。解决办法：在canvas标签上注册一个touchmove监听事件，当触摸滑动的时候只需要禁用事件冒泡event.stopPropagation( ) 这样滚动的事件就不会冒泡触发了。 ...

h5 canvas实现移动端手写签名

chueluo0880的博客

06-20

2356

signatrue_pad JS说明 Demo地址 1. 签名页面禁止页面滚动 componentWillMount(){ //清空上一个页面的滚动值 $('body,html').scrollTop(0); //这是当前滚动的页面滚动条位置 ...

微信小程序 canvas随页面滑动

qq_35056468的博客

09-08

3486

最近使用uniapp做小程序遇到一个问题，需要开发图表功能，我选用了秋云 ucharts echarts 高性能跨全端图表组件。很快实现了功能。但是在真机测试的时候发现一个问题。当页面的高度超过手机的高度的时候，滑动页面时canvans 图表也随着滚动，然后发现布局错乱了，借鉴他人的的方法，给canvas 增加disable-scroll=“true” 并给canvas绑定一个触摸事件促使disable-scroll生效。真机运行的时候发现是不会错位影响布局。但是当你点击区域处于canvans 区域