在 Angular 中使用 ngFor 创建织物画布

Posted 2023-03-25

【中文标题】在 Angular 中使用 ngFor 创建织物画布

【英文标题】：Create fabric canvas with ngFor in Angular

【发布时间】：2018-05-09 23:38:24

【问题描述】：

我正在使用带有 Angular 4 的 fabric.js。我设法在组件内创建了一个画布并成功地在它上面绘制。

我在 file.ts 中使用了this.canvas = new fabric.Canvas('canvas1',); this.canvas.add(New fabric.Rect...)

然后我尝试生成多个画布，我在我的画布元素上使用 *ngFor 并设法将 id 属性设置为 canvas1、canvas2...

现在相同的代码this.canvas = new fabric.Canvas('canvas1',); ... a 不再工作，就好像没有 id = canvas1 的画布一样。当我检查 dom 时，元素就在那里。

*ngFor 打破了这一点，或者我错过了什么？

【参考方案1】：

我发现了问题，绘制代码是在视图准备好之前执行的，在执行ngFor之前。

解决方案是在视图准备好后使用ngAfterViewInit()执行代码