从签名板 Ionic 3 发送签名 [英] Send signature from signature pad Ionic 3

问题描述

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

这是我的代码:

import { Component, ViewChild } from '@angular/core';从离子角度"导入{ NavController}；从 'angular2-signaturepad/signature-pad' 导入 { SignaturePad }；从@ionic-native/email-composer"导入 { EmailComposer }；@零件({选择器:'page-envoie',templateUrl: 'envoie.html',提供者:[SignaturePad、EmailComposer]})导出类 EnvoiePage {@ViewChild(SignaturePad) 公共签名板:签名板；公共签名图像:字符串；公共签名PadOptions:对象= {最小宽度":2，画布宽度":340，'画布高度': 200 };公共取消:字符串；构造函数(公共 navCtrl:NavController，私人 emailComposer:EmailComposer){this.signatureImage = this.signaturePad.toDataURL();this.Cancel = this.signatureImage;}绘制完成(){this.signatureImage = this.signaturePad.toDataURL();this.emailComposer.open({至:[e-mail]"，附件:[this.signatureImage]，主题:'Avis de pass'，身体:'测试'，isHtml: 真});}绘制清除(){this.signaturePad.clear();}}

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

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

解决方案

有点晚了，但我能够得到这个工作.

签名中的 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({至:[e-mail]"，附件:['base64:icon.png//'+this.signatureImage],主题:'Avis de pass'，身体:'测试'，isHtml: 真});}

I want to send my signature in an email but I don't manage to do it

Here's my code :

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:      '[e-mail]',
      attachments: [this.signatureImage],
      subject: 'Avis de passage',
      body:    'test',
      isHtml: true
    });

  }

  drawClear() {
    this.signaturePad.clear();
  }

}

Can you help me? I'm lost, when I press the button, the email is opened there is my text but not the image

It's the plugin signature pad and the emailcomposer

解决方案

A little late, but I was able to get this working.

The data:image/png;base64, from the signature needs to be removed using

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

Now just replace the attachment like so:

drawComplete() {

    this.signatureImage = this.signaturePad.toDataURL().replace('data:image/png;base64,', '');
    
    this.emailComposer.open({
      to:      '[e-mail]',
      attachments: ['base64:icon.png//'+this.signatureImage],
      subject: 'Avis de passage',
      body:    'test',
      isHtml: true
    });

  }

这篇关于从签名板 Ionic 3 发送签名的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！