手写签名的实现

怼烎@ 2022-05-17 23:05 284阅读 0赞

使用`UberSignature`实现手写签名功能。

[UberSignature][]

效果图  
![手写签名][70]

代码示例 [demo][]

使用说明  
1、添加源码（如下图所示）  
2、导入头文件

#import "UBSignatureDrawingViewController.h"

3、实例化

@interface ViewController ()
    
    @property (nonatomic, strong) UBSignatureDrawingViewController *signatureVC;
    
    @end

- (UBSignatureDrawingViewController *)signatureVC
    {
        // https://github.com/uber/UberSignature
        if (_signatureVC == nil) {
            _signatureVC = [[UBSignatureDrawingViewController alloc] initWithImage:nil];
        }
        return _signatureVC;
    }

4、设置绘制位置和大小

//
    [self addChildViewController:self.signatureVC];
    self.signatureVC.view.frame = self.drawView.bounds;
    [self.drawView addSubview:self.signatureVC.view];

5、设置画笔颜色

self.signatureVC.signatureColor =  [UIColor colorWithRed:arc4random_uniform(256) / 255.0f green:arc4random_uniform(256) / 255.0f  blue:arc4random_uniform(256) / 255.0f alpha:1.0];

6、取消签名

[self.signatureVC reset];

7、确定签名

UIImage *signatureImage = [self.signatureVC fullSignatureImage];
    self.signatureImageView.image = signatureImage;

[UberSignature]: https://github.com/uber/UberSignature
[70]: /images/20220518/c584df4322e04ab5961ac3b30a6072bf.png
[demo]: https://download.csdn.net/download/potato512/10566207

发表评论取消回复

表情：

评论列表（有 0 条评论，284人围观）

还没有评论，来说两句吧...

相关阅读

相关 android手写签名库android-signaturepad

android推荐个手写签名库[android-signaturepad][]，2.3k 签名回调 public interface SignList

浅浅的花香味﹌/ 2022年12月11日 13:52/ 0 赞/ 525 阅读

相关制作手写签名

<!DOCTYPE html> <!-- saved from url=(0056)http://hao2013.cn/canvas-special-maste

怼烎@/ 2022年12月10日 15:56/ 0 赞/ 178 阅读

相关 vue 实现手写电子签名-vue-esign

npm install vue-esign --save 1. `在main.js中` 2. `Vue.use(vueEsign)`

我会带着你远行/ 2022年11月27日 07:05/ 0 赞/ 327 阅读

相关 JSONP的手写实现

JSONP的前世今生 JSONP的出现是为了解决`跨域`——浏览器请求资源调用的问题而出现的。在了解跨域概念之前，需要先学习`同源策略` 同源策略同源策略是

梦里梦外;/ 2022年10月30日 12:21/ 0 赞/ 157 阅读

相关 MATLAB 实现电子版的手写签名

Ques:有时候我们需要在电子文档上实现手写的签名，但是又没有相关的文档，我们应该如何解决这个问题呢？先看看实验结果 ![在这里插入图片描述][watermark_

你的名字/ 2022年10月12日 01:13/ 0 赞/ 230 阅读

相关 html 手写签名撤销,[转]H5 canvas手写签名

手写签名 html,body\{ margin: 0; padding: 0; \} .saveimg\{ text-align: center; \} .sa

痛定思痛。/ 2022年10月10日 06:29/ 0 赞/ 208 阅读

相关 vue3手写签名

代码贴到项目即可使用。 <template> <div style="width: 300px;height: 200px;border: 1px so

刺骨的言语ヽ痛彻心扉/ 2022年08月30日 15:50/ 0 赞/ 299 阅读

相关手写签名插件—jSignature

jSignature 是一个通过捕捉笔画的矢量轮廓输出多种格式数据的jQuery插件，通过该插件我们可以实现绘画板、手写签名等功能。使用该插件需要引入jQuery和jSig

野性酷女/ 2022年06月03日 02:43/ 0 赞/ 386 阅读

相关手写签名的实现

使用`UberSignature`实现手写签名功能。 [UberSignature][] 效果图 ![手写签名][70] 代码示例 [demo][] 使用说明

怼烎@/ 2022年05月17日 23:05/ 0 赞/ 285 阅读

相关 uni-app通过canvas实现手写签名

uni-app通过canvas实现手写签名 <template> <view > <view class="title">请在下面输入签名：

左手的ㄟ右手/ 2021年07月26日 17:51/ 0 赞/ 943 阅读