问题标签 [fabricjs]

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 回答
1097 浏览

json - 保存的 FabricJS 不存储 lockScalingX

经过几次测试,我终于将 fabric.canvas 保存到 MySQL 数据库,问题是我不希望画布中的图像可以调整大小,我只需要旋转。不幸的是,存储的 json 不存储 fabric.Image 对象的 lockScalingX 和 lockScalingY 属性,当我检索 fabric.canvas 时,我可以调整图像的大小。

有没有办法避免这种情况?

我使用该功能

使用 php 将 json 存储到数据库中我使用

要了解我在说什么,请参阅此小提琴-> http://jsfiddle.net/lpccoder/YX9Wf/1/ 我设置了 oImg.lockScalingX = oImg.lockScalingY = true; 之前添加到画布以避免调整大小。按钮保存,保存画布,但是当我加载它(使用加载按钮)时,我可以调整图像的大小。

好吧,因为我没有收到任何答案,我试图在加载画布后设置 lockScalingX 和 lockScalingY,但是当我使用 forEach 方法时会发生一些奇怪的行为。我的意思是,我需要在 forEach 之前发出警报以使其正常工作,如果我不发出此警报,则 forEach 循环将不起作用。为了澄清这一点,您可以查看并比较这两个小提琴:

工作一个-> jsfiddle.net/lpccoder/hGPCG/

不工作的一个-> jsfiddle.net/lpccoder/Vv4AW/

我是javascript编码的新手,也许这是一个新手问题,但我认为这是一个非常奇怪的行为......有什么解决方案吗?

0 投票
2 回答
6557 浏览

javascript - 将图像加载到织物画布背景

您好我正在尝试上传图像并将其作为画布背景。代码片段:

问题是画布没有显示背景。我可以在 chrome devtools 中看到画布背景 src。背景实际上已设置,但不知何故未显示。

0 投票
3 回答
9947 浏览

backbone.js - 使用 fabric.Image.fromURL 加载 base64 图像

我正在使用fabric.jsinside backbone.js,并试图弄清楚如何使用fabric's 命令加载 Base64 图像:

当我插入静态 url 时它工作正常,例如:

但我无法成功加载 Base64 图像。我应该如何解决这个问题?

0 投票
2 回答
3198 浏览

fabricjs - 如何一键缩放画布的所有元素?

我在我的一个项目中使用了 fabric.js。我正在使用缩放功能。我想知道是否有一种简单的方法可以在单击时放大所有画布(包含所有元素)。

0 投票
5 回答
15520 浏览

javascript - 如何使画布中的对象无法选择?

我想让画布中的所有对象都无法选择。我找到了可选择的方法,但我没有找到将它实施到所有对象的方法。

0 投票
5 回答
5626 浏览

javascript - 画布中的鼠标偏移 [fabric.js]

我已经阅读了 3-5 个关于鼠标偏移的主题,但我仍然不知道哪里出了问题。

就我而言,60% 的情况下一切正常。在其他 40% 鼠标被偏移。演示在这里

有时对象位置与鼠标行为无关。(IE & Chrome 最乱)

我试图编辑样式表和父 div 但没有。最糟糕的是:我看不到任何规律性。我会很感激任何帮助。

0 投票
6 回答
29130 浏览

javascript - Delete multiple Objects at once on a fabric.js canvas in html5

I'm actually working on a html5 canvas project which uses the fabric.js Framework for the canvas interactions. Now I'm struggeling with the deletion of multiple objects. The following code does not seem to track the selected objects, but tracks all objects on the canvas.

Don't get my failure.

0 投票
1 回答
465 浏览

javascript - Cufon builder字体js文件在Fabric.js中不起作用

我已经使用 Cufon builder 下载了字体 js 文件。但是当我在画布中使用该字体时,它不起作用。请帮我...

0 投票
1 回答
744 浏览

fabricjs - fabric.js 更新以旋转 div 而不是画布

如何使用fabric.js使div可旋转而不是画布?需要在 fabric.js 中更新什么来完成这个要求?如果将画布放置在 div 内来渲染图像,但需要旋转整个 div 而不是画布,那会很好。

0 投票
3 回答
21223 浏览

javascript - Fabric.js - 更改矩形填充

我正在开发一个使用Fabric.js的应用程序。

我需要能够更改作为背景放置的矩形的填充。

canvas.getActiveObject()用来改变矩形的填充。不幸的是,我似乎找不到改变矩形填充的方法。

这是我的代码:

关于如何改变它的任何想法?提前致谢!