从签名板 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 发送签名的主要内容,如果未能解决你的问题,请参考以下文章