Question

这是我正在尝试使用的插件： https://github.com/blinkmobile/cordova-plugin-sketch

问：我正在尝试使用cordova草图插件，因此我可以对图像进行注释，但无法正确初始化。我做错了什么？

页面加载正常，我没有收到任何错误提示，这是你可以看到的第二个回调函数。

是的，我在设备上运行。我知道cordova插件在浏览器中不起作用。

页：

<ion-navbar *navbar header-colour>
  <button menuToggle>
    <ion-icon name="menu"></ion-icon>
  </button>
  <ion-title>Sketch</ion-title>
</ion-navbar>
<ion-content padding>
  <img #sketchElement src="img/sketchpad.jpg" height="400" width="600"/>
</ion-content>

类别：

import {NavController, NavParams} from 'ionic-framework/ionic';
import {Page, ViewController, Platform, Alert, Modal, Events} from 'ionic-framework/ionic';
import {forwardRef} from 'angular2/core';
import {OnInit, OnDestroy} from 'angular2/core';
import {ViewChild, ElementRef} from 'angular2/core';


@Page({
  templateUrl: 'build/pages/sketch/sketch.html'
})
export class SketchPage {
  @ViewChild('sketchElement') sketchElement:ElementRef;

  constructor(
    private _platform: Platform,
    private _nav: NavController,
    private _viewController: ViewController,
    private _events: Events) {
  }

  ngOnInit() {
    this._platform.ready().then(() => {
      if(navigator && navigator.sketch) {
        navigator.sketch.getSketch(
          function() {
          },
          function(message) {
            alert(message);
          },
          {
          destinationType: navigator.sketch.DestinationType.DATA_URL,
          encodingType: navigator.sketch.EncodingType.JPEG,
          inputType : navigator.sketch.InputType.FILE_URI,
          inputData : this.sketchElement.nativeElement.src
        });

        alert('done')
      }
    });
  }
}

谢谢！

Answer 1

您是否尝试在config.xml文件中添加插件？

<gap:plugin name="cordova-plugin-sketch" source="npm" />

Answer 2

来自开发者：

这只是一个windows插件，我们将发布iOS / Android 支持近似功能，但现在不支持。

我按照本教程找到了另一种解决方案：

https://devdactic.com/signature-drawpad-ionic/

Ionic2 + cordova-plugin-sketch

2 个答案: