В Fabric.js 6 с Angular 19 не работает класс FabricImage с OfTurl ⇐ Javascript

[Anonymous]

Код: Выделить всё

import {Component, OnInit} from '@angular/core';
import {Canvas, FabricImage, Image, Rect} from 'fabric';

@Component({
selector: 'app-shirt',
imports: [],
templateUrl: './shirt.component.html',
styleUrl: './shirt.component.scss'
})

export class ShirtComponent implements OnInit {
canvas: Canvas | undefined;

ngOnInit(): void {
this.canvas = new Canvas('canvas', {
width: window.innerWidth,
height: window.innerHeight
});

// Add a rectangle to the canvas
const rectangle = new Rect({
left: 100,
top: 100,
fill: 'blue',
width: 200,
height: 100,
});
this.canvas.add(rectangle);

// Load an external image into the canvas
FabricImage.fromURL('images/custom/shirts/final/1.webp', function (img:any){
var img1 = img.set({
left: 300,
top: 100,
scaleX: 1.5,
scaleY: 1.5,
});
this.canvas.add(img1);
});

this.canvas.renderAll()
}
}
< /code>
Угловая версия: 19
fabric.js Версия: 6 < /p>
Угловая ошибка < /p>
ts2683 : «Это« неявно имеет тип », потому что у него нет аннотации типа. [Плагин угловой компилятор] < /p>
src/app/custom/products/shirt/shirt.component.ts:38:6:
38 │       this.canvas.add(img1);
╵       ~~~~
< /code>
Внешнее значение 'this' затененное этим контейнером. < /p>
src/app/custom/products/shirt/shirt.component.ts:31:61:
31 │ ...e.fromURL('images/custom/shirts/final/1.webp', function (img:any){

Я также использую функцию со стрелка>

Подробнее здесь: https://stackoverflow.com/questions/794 ... th-fromurl