У меня 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.
Может кто-нибудь помочь, пожалуйста?