Я хочу, чтобы мое изображение холста было загружено. Я использую изображение из другого домена (nodejs папка сервера) - PullRequest
0 голосов
/ 08 февраля 2020

У меня angular

<div class="row">
  <div *ngFor="let product of Products; let i = index"  class=" col-xl-3 col-lg-4 col-md-4 col-sm-6 col-xs-12 mb-3">
    <div class="card bg-light">  
      <img id="testImage" [src]="product.image" [alt]="product.name"
                              class="card-img-top" (click)="getImgPolaroid($event);modal.close('Save click')" crossorigin>
    </div>
  </div>
</div>
<button mat-stroked-button class="btn btn-outline secondary">Close</button>

Аналогично .ts файл

rasterize() {
    var image = new Image();
    image.crossOrigin = "anonymous";
    image.src = this.canvas.toDataURL({
        width: image.width,
        height: image.height,
        left: 0,
        top: 0,
        format: 'jpeg',
    });

    const link = document.createElement('a');
    link.download = 'untitle.jpeg';
    link.href = image.src;
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
}

Я включил политику cors на узле, но при попытке загрузить образ я получил следующую ошибку: ERROR DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported. Может кто-нибудь помочь, пожалуйста?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...