使用 Ionic 制作签名绘图板答案

【问题标题】：Making a Signature Drawpad with Ionic使用 Ionic 制作签名绘图板
【发布时间】：2016-03-16 07:26:53
【问题描述】：

我正在使用 Ionic（devdactic 教程）制作签名绘图板，但在 saveCanvas() 它在控制台日志中返回错误

拒绝加载图像 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAC0CAYAAAAuPxHvAAAO30lEQ...ADAghWA8iYgAAEyhBAsMpwpBQIQKABAQSrAWRMQAACZQj8Bx23u8RuATaDAAAAAElFTkSuQmCC'，因为它违反了以下内容安全策略指令：“default-src *.”请注意，'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>

【问题讨论】：

这可能对你有帮助stackoverflow.com/questions/32166870/…
添加该后仍然出现同样的错误

标签： javascript angularjs ionic-framework signature

【解决方案1】：

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

更多信息here

【讨论】：

【解决方案2】：

好的，我做到了，我从

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

到：

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

【讨论】：