问题标签 [fabricjs2]

请帮我解决这个问题。
1. 我在位置有一个文本显示：left: 10, top: 10.
2. 使用 viewportTransform 将 viewPort 移动到新位置：通过 X 轴 100 和 Y 轴 100 平移
3. 文本对象正在移动到

预期的新位置：
用户可以通过单击文本（在新位置）来选择文本对象（'hello world'）

实际：
第一次，用户不能点击文本对象。& 对象边界仍然在旧位置（左：10，上：10）。（见附图）
请检查我的演示代码。
我正在使用 Fabricjs 版本 2.4.0 这个演示

如何通过这个问题？
谢谢 ！

我有一个 JSON 对象，它在画布上定义一个图像，如下所示：

JSON 是从 Fabricjs 版本 1.7.17 创建的，我正在将该 JSON 加载到由 Fabricjs 版本 2.3.6 和 2.4.1 制成的画布中，这就是图像的样子：

画布大小相同，画布选项也相同。JSON 在 1.7.17 版本中加载得很好。JSON 数据中的所有其他对象加载正常，图像框是正确的宽度/高度和位置（左侧和顶部）......只是图像未缩放以适合。

我试过设置 scaleX/Y，resize filters 无济于事 - 有人已经解决了这个问题吗？

这个问题已被问到here。但不是矩形边界，我希望它是一个圆圈

我尝试解决上一个问题的答案之一。这是它的小提琴链接。但是什么都没有完成。

我正在使用库 FabricJS 在画布上覆盖文本。我需要向包含属性 textBackgroundColor 的文本元素添加填充（最好是左右）。

这是我迄今为止尝试过的：

填充不像我预期的那样工作。我曾尝试使用 backgroundColor 属性，但这会将背景添加到整个组块，而不仅仅是文本。

我可以添加一个不间断的空间来实现相同的效果，但这似乎不是一个可靠的解决方案，我希望 Fabric JS 允许这个开箱即用。任何想法如何实现这一目标？

所需的解决方案（右边的版本，我想要的是额外的填充）：

我对 Fabric 文本框有疑问：用户无法选择 TextBox 并编辑值。并使用函数canvas.MoveTo将云图像设置为索引 2，文本框设置为索引 7，我希望 TextBox 在 Image 上方，但实际上，文本框始终显示在云图像后面。
这是我的代码

我找到了centerH将元素正确放置在中心的方法

但是它不会为对象设置动画。所以我尝试自己实现它

这里的问题是当元素被缩放和/或旋转时它不起作用。

有没有一种简单的方法来创建动画centerH？

代码：

我的画布中有一些元素，它们没有旋转点

我实际上想将它应用于整个画布，所以如果我单击并拖动以选择多个元素并创建一个组，我也希望hasRotatingPoint: false将其应用于那里。

在下面的示例中，当我选择单个元素时它可以工作，但在我创建组时它不会禁用该点。

如何禁用hasRotatingPoint群组？（或整个画布）

我在 angular 6 项目中使用 fabric v2.4.3。在我的项目中，我想fabric.Group通过鼠标和通过表单编辑的属性来移动和调整一些对象 (a) 的大小。

问题出在第二种方法上。

我将一个对象放入画布，然后用鼠标选择它。现在我订阅了表单 valueChanges 以实时应用所选对象的新道具。

这是 setConfig 方法：

现在进入画布，对象被正确渲染，但如果我尝试选择它，我必须单击旧对象区域。

我做错了什么？

最近，我一直在尝试使用 fabric.js 在我的 IonicV3 应用程序中实现捏合和缩放。

正如fabric.js 文档here中给出的那样，我无法访问事件，并且在控制台中出现错误：

这是我的代码：

这是 HTML 代码：

尽管在 HTML 代码中我也尝试过删除 ion-scroll 标签 + 也尝试只保留 canvas 标签。

请帮助我，如何在 IText Fabricjs 中设置每个文本项的绝对位置。在此示例中，我希望文本“KÍNH MỜI”与下方文本对齐水平中心。

预期结果：

实际结果：

这是我的代码：