从签名板 Ionic 3 发送签名

Posted

技术标签:

【中文标题】从签名板 Ionic 3 发送签名【英文标题】:Send signature from signature pad Ionic 3 【发布时间】:2017-12-18 05:32:32 【问题描述】:

我想通过电子邮件发送我的签名,但我没有做到

这是我的代码:

import  Component, ViewChild  from '@angular/core';
import  NavController from 'ionic-angular';
import  SignaturePad  from 'angular2-signaturepad/signature-pad';
import  EmailComposer  from '@ionic-native/email-composer';

@Component(
  selector: 'page-envoie',
  templateUrl: 'envoie.html',
  providers: [SignaturePad, EmailComposer]
)
export class EnvoiePage 

  @ViewChild(SignaturePad) public signaturePad: SignaturePad;

  public signatureImage : string;
  public signaturePadOptions: Object = 
        'minWidth': 2,
        'canvasWidth': 340,
        'canvasHeight': 200 ;

        public Cancel: string;

  constructor(public navCtrl: NavController, private emailComposer: EmailComposer)

    this.signatureImage = this.signaturePad.toDataURL();

    this.Cancel = this.signatureImage;

  

   drawComplete() 

    this.signatureImage = this.signaturePad.toDataURL();
    this.emailComposer.open(
      to:      'lol@me.com',
      attachments: [this.signatureImage],
      subject: 'Avis de passage',
      body:    'test',
      isHtml: true
    );

  

  drawClear() 
    this.signaturePad.clear();
  


你能帮帮我吗?我迷路了,当我按下按钮时,电子邮件打开了,里面有我的文字,但没有图片

这是插件签名板和电子邮件撰写器

【问题讨论】:

这里有一个教程:devdactic.com/signature-drawpad-ionic-2 【参考方案1】:

有点晚了,但我能够让它工作。

需要使用删除签名中的data:image/png;base64,

  this.signatureImage = this.signaturePad.toDataURL().replace('data:image/png;base64,', '');

现在只需像这样替换附件:

drawComplete() 

    this.signatureImage = this.signaturePad.toDataURL().replace('data:image/png;base64,', '');
    
    this.emailComposer.open(
      to:      'lol@me.com',
      attachments: ['base64:icon.png//'+this.signatureImage],
      subject: 'Avis de passage',
      body:    'test',
      isHtml: true
    );

  

【讨论】:

以上是关于从签名板 Ionic 3 发送签名的主要内容,如果未能解决你的问题,请参考以下文章

签名板发送空

如何将应用签名从 V1 升级到 V2?

WPF学习笔记——做一个简单的电子签名板

ionic 项目签名

如何在 Web 应用程序中集成签名板

ionic 签名打包