广告
返回顶部
首页 > 资讯 > 移动开发 >iOS实现电子签名
  • 874
分享到

iOS实现电子签名

iOS电子签名 2022-05-30 15:05:54 874人浏览 独家记忆
摘要

本文实例为大家分享了iOS实现电子签名的具体代码,供大家参考,具体内容如下 实现原理 使用拖动手势记录获取用户签名路径. 2、当用户初次接触屏幕,生成一个新的UIBezierPath

本文实例为大家分享了iOS实现电子签名的具体代码,供大家参考,具体内容如下

实现原理

使用拖动手势记录获取用户签名路径. 2、当用户初次接触屏幕,生成一个新的UIBezierPath,并加入数组中.设置接触点为起点.在手指拖动过程中为UIBezierPath添加线条,并重新绘制,生成连续的线. 3、手指滑动中不断的重新绘制,形成签名效果. 4、签名完成,转化为UIImage保存.


class CXGSignView: UIView {

 var path: UIBezierPath?
 var pathArray: [UIBezierPath] = []

 override init(frame: CGRect) {
 super.init(frame: frame)
 self.backgroundColor = UIColor.gray
 setupSubviews()
 }


 required init?(coder aDecoder: NSCoder) {
 fatalError("init(coder:) has not been implemented")
 }


 func setupSubviews() {

 let panGestureRecognizer = UIPanGestureRecognizer(target: self, action: #selector(panGestureRecognizerAction(_:)))
 self.addGestureRecognizer(panGestureRecognizer)

 }

 @objc func panGestureRecognizerAction(_ sender: UIPanGestureRecognizer) {
 // 获取当前点
 let currentPoint = sender.location(in: self)

 if sender.state == .began {
 self.path = UIBezierPath()
 path?.lineWidth = 2
 path?.move(to: currentPoint)
 pathArray.append(path!)
 }else if sender.state == .changed {
 path?.addLine(to: currentPoint)
 }
 self.setNeedsDisplay()
 }

 // 根据 UIBezierPath 重新绘制
 override func draw(_ rect: CGRect) {

 for path in pathArray {
 // 签名颜色
 UIColor.black.set()
 path.stroke()
 }
 }

 // 清空
 func clearSign() {
 pathArray.removeAll()
 self.setNeedsDisplay()
 }

 // 撤销
 func undoSign() {
 guard pathArray.count > 0 else {
 return
 }
 pathArray.removeLast()
 self.setNeedsDisplay()
 }

 /// 签名转化为图片
 func saveSignToImage() -> UIImage? {
 UIGraphicsBeginImageContextWithOptions(self.bounds.size, false, UIScreen.main.scale)
 guard let context = UIGraphicsGetCurrentContext() else {
 return nil
 }
 self.layer.render(in: context)
 let image = UIGraphicsGetImageFromCurrentImageContext()
 UIGraphicsEndImageContext()
 return image
 }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程网。

--结束END--

本文标题: iOS实现电子签名

本文链接: https://www.lsjlt.com/news/30424.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • iOS实现电子签名
    本文实例为大家分享了iOS实现电子签名的具体代码,供大家参考,具体内容如下 实现原理 使用拖动手势记录获取用户签名路径. 2、当用户初次接触屏幕,生成一个新的UIBezierPath...
    99+
    2022-05-30
    iOS 电子签名
  • Vue Canvas实现电子签名
    最近再做移动端电子签名,Vue+Canvas实现,移动端、PC端均可,也可以从github下载 。 我在做这个功能的时候参考了 这个代码,但是在移动端光标与实际划线有偏移,我在我的代...
    99+
    2022-11-13
  • 微信小程序实现电子签名
    本文实例为大家分享了微信小程序实现电子签名的具体代码,供大家参考,具体内容如下 <view class="sign-contain"> <view class...
    99+
    2022-11-12
  • 基于JavaScript实现电子签名功能
    目录一:elesigncode拓展包下载二:elesigncode常用方法三:elesigncode实现实例1:html2:js一:elesigncode拓展包下载 1:github...
    99+
    2022-11-13
    JavaScript电子签名功能 JavaScript电子签名 JavaScript 签名
  • 怎么用JavaScript实现电子签名效果
    本篇内容主要讲解“怎么用JavaScript实现电子签名效果”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么用JavaScript实现电子签名效果”吧!步骤一:创建HTML和CSS首先,我们需...
    99+
    2023-07-05
  • vue3.0实现移动端电子签名组件
    本文实例为大家分享了vue3.0实现移动端电子签名组件的具体代码,供大家参考,具体内容如下 因业务需求,前段时间写了一个电子签名组件,在这里记录一下,绘图需求,首先肯定需要使用 ca...
    99+
    2022-11-13
  • e签宝 电子签名 价格
    首先,让我们了解一下电子签名的基本原理。电子签名是通过电子设备(如电脑、手机等)生成一份可验证的文件,该文件包含签名者的真实身份信息以及相关的验签信息。通过电子签名,可以证明文件的真实性和完整性,使得文件在传输、存储和使用过程中的各种纠纷和...
    99+
    2023-10-28
    电子签名 价格
  • 微信小程序用canvas实现电子签名
    本文实例为大家分享了微信小程序用canvas实现电子签名的具体代码,供大家参考,具体内容如下 <view class="sign-contain">     <vi...
    99+
    2022-11-13
  • 微信小程序怎么实现电子签名
    要在微信小程序中实现电子签名,可以按照以下步骤操作:1. 在小程序页面中创建一个画布(canvas)组件,用于绘制签名。可以使用 `...
    99+
    2023-08-18
    微信小程序
  • e签宝电子签名收费方式
    一、e签宝收费方式 按次收费:用户在进行电子签名操作时,需要支付一定的费用。e签宝提供的收费方式主要有两种,分别是按次收费和按年收费。 按次收费:用户需要按照一定的次数完成签名操作,每次操作费用为0.01元。 按年收费:用户需要按照一...
    99+
    2023-10-28
    电子签名 方式
  • e签宝电子签名收费标准
    E签宝是什么? E签宝是由北京东方飞云信息技术有限公司推出的一款全球领先的在线电子合同服务平台。该平台基于区块链技术,具有高度的安全性和可靠性。E签宝的核心技术包括三大类:数字签名、区块链和智能合约。E签宝通过提供高质量的电子合同签署服务...
    99+
    2023-10-28
    收费标准 电子签名
  • word电子签名怎么制作
    这篇“word电子签名怎么制作”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“word电子签名怎么制作”文章吧。word电子签...
    99+
    2023-07-01
  • wps电子签名如何制作
    本文小编为大家详细介绍“wps电子签名如何制作”,内容详细,步骤清晰,细节处理妥当,希望这篇“wps电子签名如何制作”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。首先打开wps,点击左上角的“新建”选择顶部“pd...
    99+
    2023-07-02
  • 3分钟教你用JavaScript实现电子签名效果
    目录前言步骤一:创建HTML和CSS步骤二:获取canvas元素和上下文对象步骤三:添加绘制功能步骤四:添加清除签名功能步骤五:添加保存签名功能前言 电子签名已经成为现代商业中不可或...
    99+
    2023-05-14
    JavaScript实现电子签名效果 JavaScript电子签名 JavaScript 签名
  • 微信小程序怎么用canvas实现电子签名
    这篇文章主要介绍“微信小程序怎么用canvas实现电子签名”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“微信小程序怎么用canvas实现电子签名”文章能帮助大家解决问题。具体代码如下<view...
    99+
    2023-07-02
  • e签宝电子签名企业服务收费
    电子签名证书作为电子签名的重要组成部分,其价值在于它可以为企业提供可靠的电子合同证明,保障企业在线签署合同的安全性和合法性。E签宝的电子签名证书服务已经在全球范围内得到了广泛应用,为数百万的企业提供了可靠的电子签名服务。 E签宝的电子签名...
    99+
    2023-10-28
    电子签名 企业
  • uniapp实现微信小程序的电子签名效果(附demo)
    目录1、标签和样式2、横屏切换3、绘图3.1、初始化数据会吧?3.2、触摸开始时获取起点,会吧?3.3、触摸移动获取路径点,会吧?3.4、触摸结束,将未绘制的点清空防止对后续路径产生...
    99+
    2022-11-13
  • uniapp怎么实现微信小程序的电子签名效果
    今天小编给大家分享一下uniapp怎么实现微信小程序的电子签名效果的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。开发框架:u...
    99+
    2023-06-30
  • Android自定义view-电子签名画板
       电子签名作为用户的电子凭证,在很多业务中都有用到! 一.自定义电子签名画板 package com.kxf.androidtestdemo.view; import a...
    99+
    2022-06-06
    view 电子签名 电子 画板 Android
  • iOS应用脚本重签名的实现方法
    上一篇iOS APP签名详解我们了解了iOS签名的机制和原理,这一篇我们一起来动手写一个自动重签名的脚本,懒是程序员乃至人类进步的终极力量,造轮子写工具可以极大的避免重复性工作,为我...
    99+
    2022-05-17
    iOS 脚本 重签名
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作