问题标签 [fabricjs2]

我在fabric.js 中有一组对象，除了我将调用选择器的单个对象之外，所有内容都是非事件且不可选择的。它们被组合在一起，因为它们都需要作为一个整体移动。当这个选择器在组的范围内移动时，一切都按预期工作。但是，当我将对象移动到边界之外时（即使我以编程方式让它在该点之前停止，它也会沿着主组的边缘绘制幻像对象。

我已经浏览了代码并将内容注释掉，并尝试在我认为可能是问题的对象上放置.renderAll()和放置，.setCoords()但到目前为止还没有运气。

这是一个显示正在发生的事情的短片 - https://i.imgur.com/bnIJWY7.mp4

所以我在带有fabricjs的画布上有一个文本元素，当单击文本框时，一些jquery会触发，并且该代码的一部分应该将光标焦点推到文本区域，同时保持活动的画布对象（对象保持选中状态时很好我点击进入文本区域）。

问题是焦点没有放在文本区域上。

因此，如果我们有 id 为“editing-box”的 textarea 并运行如下内容：

织物文本框可以很好地进行编辑，但 texarea 并没有将重点放在打字上。

fabricjs 中是否提供了任何设置或东西来自定义画布坐标系？

对于我的项目，我发现笛卡尔坐标系易于使用。目前我正在将每个对象转换(width/2, height/2)为以移动到笛卡尔坐标系。

画布的左上角将(-width/2, -height/2)代替(0,0)下图。

如果任何带有选项的对象{left:0,top:0,originX:'center', originY:'center'}被添加到画布，它应该出现在中心而不是左上角

我正在尝试制作一个函数，该函数恰好在矩形中下降这个方向，有人可以帮助我吗？

我不知道如何将矩形从水平方向打破到垂直方向。

我不知道如何打破矩形并添加一个新的矩形。

也许我必须只使用单独的行？

我怎样才能使绘图相同？

如果有人可以帮助我！生无可恋！

图像示例链接在这里！！！！

当鼠标悬停在像这个视频这样的对象上时，我想显示对象边界框，怎么做？

我将canvas.on('mouse:over')与selectedObj.drawBorders函数一起使用。但是，轮廓框绘制在不正确的位置。而且我不知道当鼠标移出对象时如何清除该轮廓框。

这是我的代码：

请帮我解决这个问题！
谢谢！

运行fabricjs 3

我正在玩fabricjs，这很棒。但是，我无法再通过 Shift + 单击来选择多个对象。我试过调用 canvas.renderAll()。我仍然可以选择一个对象并移动它。我可以以编程方式选择多个对象并将它们分组，但是在我玩 Shift + Click 的能力的某个时候停止工作。

假设我的画布和fabricjs的状态需要以某种方式更新或呈现或重置某些东西？有任何想法吗？

我正在尝试渲染一个底部带有旋转点的框。通常，我们可以使用该属性渲染一个框，hasRotatingPoint: true并且在框的顶部出现一个手柄，以便用户旋转它。

我想要的是把它画在盒子的底部。

这可以通过 set 来实现，angle: 180旋转点将出现在底部（当我们将盒子旋转 180° 时）但我遇到了这种方法的绘制问题：绘制过程也旋转了 180°，现在我的盒子在相反的方向我画画时的方向。

提前感谢您的帮助！

编辑 1

这里有一个关于这个问题的非常相似的问题How to change Rotating point position to bottom in FabricJS? 但如第三段所述，接受的解决方案在我的上下文中创建了另一个错误。

当 SVG 包含具有自定义字体的文本时，我在 fabricjs 中渲染 SVG 时遇到问题。

如何使用自定义字体使 Fabricjs 中的 SVG 显示正确？

这是我的代码：

这是我的资源：
1. 字体文件：CurlzMT
2. SVG 文件：group_test.svg

谢谢！

几天来，我一直在尝试更改缩放对象的控件的填充颜色。

这是我正在谈论的内容的 GIF：

我想要一些关于如何实现这一目标的指导。几天来，我一直在研究 Fabricjs 文档，试图了解如何解决这个问题。

https://github.com/fabricjs/fabric.js/wiki/Working-with-events

mouse:down我的理论是绑定到mouse:up事件。当mouse:down事件触发时，获取控件上下文并更改其填充颜色，当事件触发时mouse:up，恢复填充颜色。

不幸的是，我找不到任何能让我获得控制上下文的fabricjs 方法。

http://fabricjs.com/docs/fabric.Canvas.html

http://fabricjs.com/docs/fabric.Object.html

我正在使用 Fabricjs 版本 3.2.0

在 FabricJS v3 中寻找一种实用方法来对齐来自 canvas.getActiveObjects 的对象数组的边缘（上、右、下、左）

http://jsfiddle.net/rlightner/bzs0798x/1/