问题标签 [fabricjs2]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
337 浏览

fabricjs - 无法在 FabricJS 中恢复保存的多选

你能帮我弄清楚这里发生了什么吗?

基本上我想将 FabricJS 与 ReactJS 和 Redux 一起使用。我想将当前选择的对象存储在 redux 存储中。但是在保存多选的活动对象时,它似乎有一种奇怪的行为。

基本上你使用上面的代码片段的方式是:

用例 1:单个选定对象

  1. 选择单个对象。
  2. 单击保存选择(它将保存当前选定的对象并清除当前画布选择)。
  3. 单击应用保存的选择
  4. 拖动当前选定的对象,选择和选定的对象保持同步,应用程序按预期工作。

用例 2:多选

  1. 选择多个对象。
  2. 单击保存选择
  3. 单击应用保存的选择
  4. 拖动当前选中的对象,可以看到,只有选中的对象被拖动,实际选中的对象被留下(不同步)。

您能帮我弄清楚如何正确保存所选对象以供以后使用吗?

提前致谢

注意:我使用的是最新的 FabricJS (2.3.3)

0 投票
0 回答
97 浏览

canvas - 如何使用fabricjs实现floodfill算法?

我有一个填充画布的算法。我试图将其与fabricJS. 所以这是两难境地......我创建了一个fabric.Canvas(). 它创建了一个包装画布和一个上部画布画布。我单击画布以应用我的Floodfill(). 这工作正常并应用我的颜色。但是一旦我去拖动我的画布对象,或者向画布添加其他对象,颜色就会消失并且看起来像是重置了排序。

0 投票
1 回答
1628 浏览

fabricjs - 如何在 FabricJS 中为 IText 对象添加按键监听器?

我目前有这个代码

问题是,一旦我附加了按键监听器,如果我按下回车键,它会触发我的函数回调,但它不会在文本中添加回车符。

如果我删除我的按键监听器,它会恢复正常,即在输入按键时添加回车符。

当我附加按键监听器时,似乎我必须手动添加回车?不知道该怎么做。

提前致谢。

顺便说一句,我正在使用最新的 FabricJS 2.3.4

0 投票
1 回答
332 浏览

fabricjs - 无法使用 FabricJs 2 管理对象对齐选择

我曾经在 FabricJS 上管理对象对齐选择,getActiveGroup如下所示:

更详细的here

但是现在我使用的是 FabricJS 2 并且getActiveObject()已被删除,我不知道该怎么办。我阅读了我们可以使用的文档getActiveObjects(),但它什么也没做。

请问如何使用 FabricJS 2重现此代码getActiveGroup的操作(不再支持)?

0 投票
1 回答
1180 浏览

fabricjs - 无法使用 FabricJS 2 为所选字母及其背景着色

嗨,我想用 FabricJS 为选定的文本及其背景着色。实际上带有 FabricJS 的文本字母如下:

在此处输入图像描述在此处输入图像描述

在他们的网站演示中很好地展示了。

但我想不出一种方法来重现它。我试过obj.set("textBackgroundColor", "red")只为所选字母的背景着色,但它总是为整个文本的背景着色。

我试过obj.setColor("red")只为选定的字母着色,但它总是为文本的所有字母着色。这是我的jsfiddle

请问我哪里错了?

提前谢谢了。

0 投票
1 回答
2032 浏览

fabricjs - Fabricjs 2.0 如何为文本框的子字符串设置下划线

我有带有文本“这是测试文本框”的文本框,我想将下划线设置为仅单词“测试”而不是整个文本框文本。如何为子字符串设置下划线?

面料问题

由于 2.0 还没有为文档和示例做好准备,改变的一件事是 textDecoration 已被删除。到位我们有:.underline, .overline, .linetrought他们每个人都有一个真假。问题

谢谢。任何帮助将不胜感激。

0 投票
1 回答
357 浏览

fabricjs - this.canvas.loadFromJson 不是函数

我一直在尝试使用以下源将画布设置保存到我的 localStorage 系统中:

并尝试使用以下代码重新加载保存的画布:

不幸的是,它一直给我这个错误:this.canvas.loadFromJson is not a function

我在 npm 上使用 fabricjs v. 2.3.0 我也一直在关注本教程: https ://github.com/kevoj/angular-editor-fabric-js kevoj 的代码在我的机器上工作。这让我很困扰。同时kevoj正在使用1.7.3

提前致谢

0 投票
0 回答
225 浏览

fabricjs - Fabric 2.0:如何设置/获取到文本框子字符串的超链接

我有带有文本“This is google.com”的文本框,我想将超链接设置为仅单词“google.com”而不是整个文本框文本。如何设置/获取子字符串的超链接?

你能帮我在google.com上获得可点击的事件吗?

谢谢。任何帮助将不胜感激。

0 投票
3 回答
368 浏览

node.js - 如何在节点服务器上创建结构对象?

我正在开发一个应用程序,其中用户在他们的浏览器中创建了一系列画布(为此目的使用 fabricjs)。数据存储在数据库中,然后计划在服务器端(nodejs)用于生成画布的PNG图像,然后将它们放入可下载的PDF文件中(我知道我可以在客户端完成所有这些但应用程序的特殊性要求我在服务器上执行此操作)。

问题?每当我尝试在节点中创建结构对象时,都会收到Element is not defined错误消息。这是一个代码示例:

节点版本:8.11.2

面料版本:2.3.6

尝试将节点降级到版本 6,但没有帮助。如果该解决方案在客户端和服务器端都有效,那就太好了。

0 投票
2 回答
1004 浏览

javascript - 在 FabricJS 中调整窗口大小时如何始终将剪切区域居中?


请帮我解决这个问题。
我有一个画布区域总是填满屏幕大小,背景是灰色的。以及大小为 300 x 300 的矩形剪辑路径 - >如何在调整窗口大小时使此剪辑路径始终显示在画布中心?(并且剪辑路径视图中的所有元素仍然保持它们的相对位置)

实际的: 之前

预期的: 在此处输入图像描述

这是我的问题:
https://jsfiddle.net/thobn24h/uqwoy7d3/13/

先感谢您!