iOS手寫簽名生成圖片

阿新 • • 發佈：2019-01-23

最近公司業務有一個需求，使用者認證時需要手動簽名，客戶端需要將使用者的簽名生成圖片上傳給伺服器。於是利用貝賽爾曲線研究了一下手動簽名，和大家分享一下。
Demo下載地址：https://github.com/TechAlleyBoy/SignDemo

效果圖
這裡寫圖片描述
生成的圖片，這裡製作的是透明的簽名

一：繪製操作，主要利用的是貝賽爾曲線
注意：在呼叫setNeedsDisplay方法後，會在呼叫drawRect

#pragma mark - 初始化
- (instancetype)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if 
 (self) {
        self.backgroundColor = [UIColor clearColor];
        [self setMultipleTouchEnabled:NO];
        self.beizerPath = [UIBezierPath bezierPath];
        [self.beizerPath setLineWidth:2];
    }
    return self;
}

#pragma mark - 繪圖操作
- (void)drawRect:(CGRect)rect{
    //設定簽名的顏色
    UIColor 
 *strokeColor = [UIColor redColor];
    [strokeColor setStroke];

    //簽名的路徑繪製
    [self.beizerPath stroke];
}

- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{
    self.control = 0;
    UITouch *touch = [touches anyObject];
    points[0] = [touch locationInView:self];
    CGPoint 
 startPoint = points[0];
    CGPoint endPoint = CGPointMake(startPoint.x + 1.5, startPoint.y + 2);
    [self.beizerPath moveToPoint:startPoint];
    [self.beizerPath addLineToPoint:endPoint];
}

- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event{
    UITouch *touch = [touches anyObject];
    CGPoint touchPoint = [touch locationInView:self];
    _control++;
    points[_control] = touchPoint;

    if (_control == 4){
        points[3] = CGPointMake((points[2].x + points[4].x)/2.0, (points[2].y + points[4].y)/2.0);

        //設定畫筆起始點
        [self.beizerPath moveToPoint:points[0]];

        //endPoint終點 controlPoint1、controlPoint2控制點
        [self.beizerPath addCurveToPoint:points[3] controlPoint1:points[1] controlPoint2:points[2]];

        //setNeedsDisplay會自動呼叫drawRect方法，這樣可以拿到UIGraphicsGetCurrentContext，就可以畫畫了
        [self setNeedsDisplay];

        points[0] = points[3];
        points[1] = points[4];
        _control = 1;
    }
}

二：清除簽名
注意：如何需要透明度的圖片時，首先view是透明的，然後一定生成png的圖片，否則不是黑色背景就是白色背景。

#pragma mark - 清除簽名
- (void)clearSignature{
    [self.beizerPath removeAllPoints];
    [self setNeedsDisplay];
}

三：獲取圖片

#pragma mark - 獲取圖片
- (UIImage *)getSignatureImage {
    //設定為NO，UIView是透明這裡的圖片就是透明的
    UIGraphicsBeginImageContextWithOptions(self.bounds.size, NO, [UIScreen mainScreen].scale);
    [self.layer renderInContext:UIGraphicsGetCurrentContext()];

    UIImage *signatureImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    NSString* docDir = [NSString stringWithFormat:@"%@/Documents/Image", NSHomeDirectory()];
    [[NSFileManager defaultManager] createDirectoryAtPath:docDir withIntermediateDirectories:YES attributes:nil error:nil];
    NSString *path = [NSString stringWithFormat:@"%@/Documents/Image/IMAGE.PNG", NSHomeDirectory()];

    //用png是透明的
    [UIImagePNGRepresentation(signatureImage) writeToFile: path atomically:YES];
    return signatureImage;
}

iOS手寫簽名生成圖片

最近公司業務有一個需求，使用者認證時需要手動簽名，客戶端需要將使用者的簽名生成圖片上傳給伺服器。於是利用貝賽爾曲線研究了一下手動簽名，和大家分享一下。 Demo下載地址：https://github.com/TechAlleyBoy/SignDemo 效果圖

php 用 jSignature手寫簽名儲存圖片到本地

要是不想看直接想拿過來用的話請轉https://download.csdn.net/download/qq_34285103/10460024首先去官網http://willowsystems.github.io/jSignature/#/about/jSignature

IOS Quartz2D 通過UIColor生成圖片

stat http array raw 顏色 graph image rgb nsarray 普通生成示例代碼： //這裏實現普通生成圖片的方法 - (void)drawRect:(CGRect)rect { CGRect cxRect = CGRectMa

iOS-截取TableView生成圖片

讀《Scala函數語言程式設計》[手寫筆記，圖片]

讀完，並沒有全看明白。介紹到的技術很高階。有難度（對我來說）記了一點讀書時的筆記。要讓我現在剛讀的這本，也是第一本 Scala 的書，就總結出這本書講了什麼，對我來說太有難度了。

GAN學習總結三-Pytorch實現利用GAN進行MNIST手寫數字生成

GAN學習總結三-Pytorch實現利用GAN進行MNIST手寫數字生成前面兩篇部落格分別介紹了GAN的基本概念和理論推導，理論聯絡實際，本節從程式碼的角度理解GAN網路的實現及相關細節,加深自己的理解. 整個實現過程如下: 匯入相關庫 import torch

手寫簽名外掛—jSignature使用心得

最近需要做一個移動端手寫簽名的功能，上網搜了一下基本都是jSignature這個外掛，幾乎沒得第二選擇，於是照著網上的各個版本copy測試，在PC端測試是沒什麼問題的，很easy。問題1：:在移動端改變了canvas的父盒子大小後就出現問題了

tensorflow 1.01中GAN(生成對抗網路)手寫字型生成例子(MINST)的測試

為了更好地掌握GAN的例子，從網上找了段程式碼進行跑了下，測試了效果。具體過程如下：程式碼檔案如下： import tensorflow as tf from tensorflow.examples.tutorials.mnist import input_data i

Android 電子簽名，手寫簽名案列實現方法，並上傳網頁顯示（base64）！

最近說專案可能會用到一個電子簽名，不需要識別的那種，只是一個單純手寫簽名，然後以base64的格式提供給前端web頁面。其實挺簡單的，自定義一個手寫view就上線了。Android 電子簽名，手寫簽名案列實現方法！先上圖：按鈕說明：第一個按鈕是清除手寫板，第二個是將手寫板的

Android 自定義手寫簽名並儲存到sdcard中（可以儲存背景圖）

這是效果圖直接上程式碼咯。。。 —————————————— MainActivity package com.signature.demo; import android.app.Activity; import android.content.In

H5手寫簽名，適用於手機網頁、電腦網頁（IE9+）

先看看效果吧：圖片儲存到伺服器為png格式，一般10k左右。這個功能適用於H5app，或者H5，或者pc網頁端（IE9以上，支援canvas），低端安卓機依然不支援，具體低端到什麼程度，沒有經過測試。下邊上程式碼，前端HTML： <!DOCTYPE

Mnist手寫字型檔的圖片轉換及lenet網路模型測試

已經訓練了mnist的網路和配置了caffe的python介面，訓練和測試 caffe的python介面接下來就是學會怎麼用這個訓練好的模型和python介面。很自然的想法就是直接輸入一個手寫數字的圖片，通過訓練好的模型之後，給反饋一個分類的結果。這樣就

Android 自定義View--手寫簽名

1、概述 1.1 目的：在我們的日常開發中，有很多Android UI介面上有一些特殊或者特別的控制元件與介面，是Android自帶的控制元件所不能滿足的，需要我們自己定製一些適合的控制元件來完成。 1.2 Android自定義View步驟：自定

IOS基礎UI之(三)手寫UI和storyboard方式實現圖片移動和縮放

手寫UI是最早進行UI介面佈局的方法，優點是靈活自由，缺點是使程式碼看起來比較長。平時學習的時候可以多嘗試手寫ui，這樣會更深入熟悉控制元件。storyboard開發效率相對比較高。實際開發中看情況而定！！下面用這兩種方式分別實現圖片移動和縮放。功能描述：

圖片輪播的手寫代碼

ava absolut 利用 one abs asc src num 輪播之前有人問過我關於圖片輪播的代碼怎麽寫，盡管我是專註於後臺的，但學習一些後臺的僅僅是還是比較有優點的，我有時候總是把簡單的問題復雜化，其原因還是自己對於知識點的掌握不夠堅固，導致不可以在實踐中充

iOS判斷是否是手寫鍵盤

com inpu puts 個數 tin layout 是否 turn date 思路：遍歷鍵盤window的subviews，如果發現UIKBHandwritingView，則當前鍵盤為手寫鍵盤；手寫鍵盤的位置： p.p1 { margin: 0.0px 0.0px 0

SVM：利用SVM算法實現手寫圖片識別(數據集50000張圖片)—Jason niu

圖片 clas 識別 fit ati ade loader test part import mnist_loader # Third-party libraries from sklearn import svm def svm_baseline():

MNIST手寫數字圖片識別（線性回歸、CNN方法的手工及框架實現）（未完待續）

shape 初始化 result rect not found pro res edi ise 0-Background 作為Deep Learning中的Hello World 項目無論如何都要做一遍的。代碼地址：Github 練習過程中將持續更新blog及代碼。第一

canvas文字自動換行、圓角矩形畫法、生成圖片手機長按保存

UNC get 函數 odata -i 圓角 ont eight nehe canvas的文字自動換行函數封裝 // str:要繪制的字符串 // canvas:canvas對象 // initX:繪制字符

優化版本對生成對抗網路生成手寫數字集(附程式碼詳解)

# 先匯入必要的庫 import os import cv2 import tensorflow as tf import numpy as np # 把結果儲存到本地的一個庫 import pickle import matplotlib.pyplot as plt from tensor

iOS手寫簽名生成圖片

相關推薦