问题标签 [fabricjs]

我有一个 SVG 图标。我想让它有不同的颜色作为图标。

由于 SVG 元素没有任何 toDataUrl() 我没有看到不涉及服务器的解决方案。

对客户端解决方案有任何想法吗？

如何更改画布内元素的 zindex？

示例代码：

使用 fabric.js 库。

备查：

fabric.Element.html#bringForward

我正在尝试以 JSON 格式保存数据并使用fabric.js将其加载回画布中我不断收到错误，例如以下简单代码：

我得到：

当我使用我自己的 JSON 时，它验证得很好，但是当我使用结构的方法 canvas.toJSON() 输出的任何内容时，我仍然会遇到错误。任何人都会有加载回从fabric.js中以前的画布状态保存的空画布数据的工作示例？这将不胜感激！

我正在使用这个脚本：

第三张图像绘制工作正常，并在另一张上显示。但是，如果我添加第 4 个，它就会隐藏在第 3 个后面。如果我指定图像的 zindex ，它仍然只低于第 3 位。

这有什么问题？我在这里做错了吗？请帮忙。

谢谢
彼得

我需要用画布做类似下图的事情。

用户将图像拖放到黄色边框的正方形上，而不是更改图像的大小位置。图像将被剪裁在黄色边框内。我想使用剪裁但是，当使用全局剪裁时。图像在其他部分运行。我该怎么办？我希望它们表现得像独立的剪辑区域。

如何使用画布创建一个可见区域，一个更大对象的窗口（用于创建可滚动视图），最好使用fabric.js

我想在画布上绘制文本。如何做任何示例？画布已经包含一些绘制的形状，我想在画布上的那个形状的顶部显示文本我该怎么做？

我有一个问题，我想在可编辑的fabric.js HTML5 画布上添加圆形遮罩。本文描述了类似的问题：

使用 HTML 5 Canvas 创建图像蒙版

我的问题是，当我在 fabric.js 画布上添加这个层时，我的画布在这个透明圆圈内不再可编辑。这意味着顶部元素（掩码）捕获单击/拖动事件，但我想移动此掩码元素下的项目。寻找想法，如何解决这个问题。

我目前正在使用画布和 Javascript 进行图像处理。我正在使用fabric.js。我只是希望用户上传一张图片并将其与我们提供的模板合并。IE。，

我只想在中心的空圆圈中显示上传的图像，他们可以通过拖动来调整它。

• 如果我将模板保留为上层，则用户无法拖动和调整，因为画布上充满了模板。
• 如果我将上传的图像保留为上层，则图像将溢出圆圈。

如何通过为我的用户提供易于使用的界面来解决这个问题？我尝试在fabric.js 中使用ClipTo函数，但它不适用于图像对象。

对不起，我在fabric.js中使用PathGroup时遇到问题。我将三个对象添加到 PathGroup 并将此 PathGroup 添加到画布。然后我观察对象：选定事件。当用户选择三个对象之一时，我无法判断 e.memo.target 选择了哪一个（它引用了这个 PathGroup 对象）。我使用 PathGroup 是因为它更方便移动对象。我的示例代码如下：

感谢您的帮助！html5starter