问题标签 [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 回答
295 浏览

text - 为什么文本总是以画布为中心

加载 SVG 并将其渲染到画布时,路径组中包含的文本始终居中。在下面的示例中,文本应放在左上角。

SVG:

JS:

路径组中的任何矩形、圆形等都将按预期显示。那么为什么我的文字没有正确显示呢?

0 投票
5 回答
13490 浏览

javascript - Fabric.js 鼠标右键

有没有办法在 Fabric.js 画布上接收右键单击鼠标事件?

以下代码仅适用于左键单击:

0 投票
2 回答
187 浏览

javascript - 为什么 Array.prototype.slice(arguments, 2) 而不是初始化为空数组?

我正在尝试通过阅读 Fabric.js 的源代码来学习 Javascript。

在文件util/lang_array.js中有一个看起来像这样的方法:

我不明白这个说法var args = slice.call(arguments, 2)2令我困惑的特定部分是作为第二个参数传递(考虑arguments到应该是)。我查看了 JS 参考并得出结论,它基本上将 args 初始化为一个空数组。[array, method]arguments[2]null

那为什么不干脆var args = []呢?

谢谢。

0 投票
2 回答
8999 浏览

javascript - 在 FabricJS 中,更改图像元素的 src 会更改该对象的所有属性

在 Fabric.js 画布中,我试图将图像对象的 src 替换为高分辨率图像,以便在canvas.toDataURLWithMultiplier使用时保持图像质量。

当我更改图像对象的 src 时,它的所有属性也会发生变化。图像对象会自动缩放到不同的大小,并且所有状态属性都会更改。

这发生在版本 0.9.15 中。当我使用 0.8.32 版时,它可以工作。0.8.32 版没有这个问题。

这是代码:

我试图获取图像对象的初始状态属性,然后设置更改后的图像对象的值。但它没有用。

这个问题有什么解决办法吗?

0 投票
2 回答
296 浏览

javascript - 为什么要检查 Array.prototype.indexOf 的布尔值?

在 Fabric.js 中,您会看到很多地方将代码块包含在格式的条件检查中:

if (!Array.prototype.indexOf) {}或者

if (!Array.prototype.forEach) {}等等

结果不总是假的吗?为什么要检查方法的布尔值?

谢谢。

0 投票
0 回答
127 浏览

fabricjs - Strange Chrome behaviour after create a new Fabric Canvas

After I created a new canvas with fabric. elements with absolute or relative position inside a div (also with relative or absolute) are not rendered correctly, including 'range' type inputs from chrome. Only after I put the mouse hover an object on canvas that these elements go to the right position. In Firefox everything works as expected. Any tips how to solve this?

0 投票
1 回答
39027 浏览

javascript - 使用fabric js时需要更改画布背景颜色

我有一个画布元素,我用它创建了织物对象。现在,我想动态更改背景颜色。以下对我不起作用。

背景颜色为白色,不会变为红色。

0 投票
1 回答
3803 浏览

javascript - 使用 fabric.loadSVGFromString 扭曲的结果

我用 inkscape 编辑了一个 SVG:

它应该如下所示:

在此处输入图像描述

当我使用 fabricjs 导入它时:

它得到:

在此处输入图像描述

(背景不是问题,这是我的画布之一)

0 投票
1 回答
17040 浏览

javascript - 使用fabric js时获取canvas对象

我正在使用 Fabric.js,并且在一个地方创建了一个织物画布对象。

现在在另一个地方,我想访问这个“x”不可用的对象。那么我怎样才能获得相同的织物画布对象。

我不想更改 x 的范围或将 x 作为 arg 传递。

另外,如何从织物画布对象中获取 toDataURL?

0 投票
1 回答
1149 浏览

fabricjs - Canvas.observe 似乎没有效果

我写过这个:

但是,如果我单击画布上的任意位置,似乎不会触发该事件