问题标签 [fabricjs2]

我需要将织物 js 画布（我有多个）导出到一个 mp4 文件中，每个文件之间具有相同的动画，并带有一些过渡。

我在互联网上找不到与此相关的任何内容。我的前端是 angular，后端是 node.js。

画布正在正确渲染。我什至可以将它们导出为图像。

非常感谢任何帮助。

我想克隆一些对象。

1- 如何克隆多个活动对象？（我使用的方式：我首先从选定的对象创建一个组。克隆这个组并取消组合回原来的状态。有没有更好的方法我还找不到？？）

2-取消组合对象后，它们会丢失之前设置的值（例如 lockMovementY:true ）。（如何为多个活动对象设置值？？）

3-克隆组没有这个问题。

我正在添加[jsfiddle]，以便您可以更好地检查。

谢谢你。

是否可以在fabric JS中画一条带边框的线？我想用唯一的描边值画一条线，我希望填充保持白色，使它看起来像一条带边框的线。就我参考的文档而言，我猜这是不可能的fabricJS，是否有任何替代方法可以使用fabricJS 来实现该要求。 http://jsfiddle.net/fy6b2rso/1/

在这里查看 TS 定义，我似乎仍然无法找到所有可能的结构对象类型，我也无法在 fabricJS 文档页面上找到类型列表： https ://github.com/DefinitelyTyped/DefinitelyTyped/blob/ 06aceea74ca33b2217dcd9f5c53fd9cb1148ff62/types/fabric/fabric-impl.d.ts

Fabricjs 似乎用于fabric.Image创建图像或视频。在多个用例中，如果我通过事件获取一些织物对象，或者通过织物画布循环，我需要区分该对象是图像还是视频。如果我使用 fabricObject.type 我将为视频对象和图像对象获得“图像”类型。我可以检查其他一些属性以确定哪个是哪个？也许有一种方法可以将元数据添加到 fabric.Object 以帮助区分对象。

我正在从 JSON 加载数据。当我尝试滚动或拖动任何对象时，无法弄清楚为什么画布上会显示不需要的线条。

此问题仅在从 JSON 加载时发生。 代码笔链接

codepen 中提供了示例数据

代码链接 [

下面是我的代码。它在这里工作正常 我将画布 JSON 保存到数据库并从数据库中获取 JSON 并尝试在页面上呈现它，但它显示的是一个空的画布。

向我展示的画布

jsfiddle

我使用的 Fabric Js 版本是 4.1.0 。

我在画布上添加了 Textbox 对象并应用了自定义字体并将 fontWeight 设置为粗体并将 textAlign 设置为 right 。当时，文本在 Mac Safari 中呈现在边框之外。

这是代码：

单击此处显示对象边界外的文本渲染问题

这是链接 http://jsfiddle.net/4st6a8h1/10/。请在 Mac Safari 中打开。

我想实现基于边界矩形的选择，但采用不同的方法。

场景：如果我在对象内部绘制对象，例如第一个文本，然后在其上绘制矩形，然后是椭圆，然后是三角形。现在我应该能够选择文本或矩形或椭圆或相反的顺序。当我开始悬停三角形的边界矩形时，选择或活动对象应该是三角形，但是当我将鼠标移到椭圆的边界矩形上时，当前对象应该显示为椭圆等等，无论我添加对象的顺序如何在画布上。

我尝试使用perPixelTargetFind并遵循解决方案Fabricjs - 仅通过边框选择，这两种解决方案都无法满足我的要求。我正在使用 FabricJS 版本3.6.3

提前致谢。

我将fabricjs用于canvas，将hammerjs用于Angular 9的触摸事件。我有一个hammerjs的单击事件，它创建了一个fabric的IText对象。单击可创建织物并将其填充到画布上，但设备键盘未打开以在文本对象中添加文本。fabricjs 的 IText 在内部创建TEXTAREA以允许文本输入。

试过：

上面的解决方案也用 settimeout 进行了尝试。

请建议。提前致谢