小编alm*_*any的帖子

FabricJS - 为什么在更新组内的文本后,组宽度不会相应地自动调整其宽度

所见行为

我在初始化后更新组内的画布元素时遇到问题。我创建了一个基本应用程序,在初始化时创建一个包含多个元素的组:字体图标(文本对象)、标题、描述和矩形,以便为该组创建边框。

有没有什么方法可以解决这个问题,不需要我删除该组并将其重新添加回画布?阅读faricjs文档后canvas.renderAll应该足够了我错过了什么?

预期行为

渲染到 DOM 的 Group 对象需要根据 DOM 中文本对象的新宽度调整其宽度。本质上是重新渲染这个单独的组对象,而不会导致画布中所有其他对象的完全重新渲染。

问题重现演示

我能够在这里重现该问题:http://jsfiddle.net/almogKashany/k6f758nm/

使用setTimeoutI 更新组的标题,但组的标题不会更新(即使在调用group.setCoords或后canvas.renderAll

解决方案

感谢@Durga

http://jsfiddle.net/gyfxckzp/

html javascript css canvas fabricjs

5
推荐指数
1
解决办法
2549
查看次数

标签 统计

canvas ×1

css ×1

fabricjs ×1

html ×1

javascript ×1