我最近开始使用Angular,希望做一个第一个项目,使用户能够在画布上绘制内容。我为此https://www.npmjs.com/package/ng2-canvas-whiteboard使用了此程序包,并按照README说明进行操作。
现在的问题是画布没有显示出来,我只能在顶部显示一条细线。我在这里的stackblitz中重新创建了该问题: https://stackblitz.com/edit/angular-axqys4
有人可以指出为什么会这样吗? 下面是一段谈论当前限制的段落: 如果父容器的大小存在问题,则画布大小将不是所需的大小。有时可能是宽度:0,高度:0。如果是这种情况,则可能要为窗口调用一个重新调整大小事件以重新计算大小。
if (this.isCanvasOpened) {
setTimeout(() => {
window.dispatchEvent(new Event('resize'));
}, 1);
}
如果这是问题,我应该把这些东西放在哪里?