Изготовление фирменной вытяжной панели с помощью Ionic

Я делал блокнот для подписи с помощью Ionic (turorial of devdactic), но в saveCanvas() он возвращает ошибку в consolelog

Отказано в загрузке изображения 'data: image / png; base64, iVBORw0KGgoAAAANSUhEUgAAASwAAAC0CAYAAAAuPxHvAAAO30lEQ… ADAghWA8iYgAAEyhBAsMpwpBQIQKABAQSrAWRM8QAr "по умолчанию политика безопасности. Обратите внимание, что img-src не был задан явно, поэтому default-src используется в качестве запасного варианта.

Контроллер:

.controller('SignatureCtrl', function($scope) {
    var canvas = document.getElementById('signatureCanvas');
    var signaturePad = new SignaturePad(canvas);

    $scope.clearCanvas = function() {
        signaturePad.clear();
    }

    $scope.saveCanvas = function() {
        var sigImg = signaturePad.toDataURL();
        console.log(sigImg)
        $scope.signature = sigImg;
    }
})

HTML:

<ion-pane>
<ion-header-bar class='bar-calm'>
    <h1 class='title'>Potpis</h1>
  </ion-header-bar>

  <ion-content class='has-header padding' scroll='false'>
      <canvas id='signatureCanvas' width='300' height='180' style='border: 1px solid black;'></canvas>
      <div class='button-bar'>
          <a class='button button-energized' ng-click='clearCanvas()'>Clear</a>
          <a class='button button-balanced' ng-click='saveCanvas()'>Save</a>
      </div>
      <br>
      <img ng-src='{{signature}}'/>
  </ion-contnt>


ionic-framework javascript angularjs signature
person Mark    schedule 16.03.2016    source источник
comment
Это может помочь вам stackoverflow.com/questions/32166870/   -  person ddepablo    schedule 16.03.2016
comment
все еще та же ошибка после добавления того ‹мета ....   -  person Mark    schedule 16.03.2016

Ответы (2)


arrow_upward
0
arrow_downward

Попробуйте добавить <meta http-equiv="Content-Security-Policy" content="default-src *; img-src * data:">

Дополнительную информацию см. здесь

person ddepablo    schedule 16.03.2016

arrow_upward
0
arrow_downward

Хорошо, я сделал это, я перешел с

<meta http-equiv="Content-Security-Policy" content="default-src *; img-src * data:">

to :

<meta http-equiv="Content-Security-Policy" content="ng-src *; img-src * data:">
person Mark    schedule 16.03.2016