问题标签 [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.
text - 为什么文本总是以画布为中心
加载 SVG 并将其渲染到画布时,路径组中包含的文本始终居中。在下面的示例中,文本应放在左上角。
SVG:
JS:
路径组中的任何矩形、圆形等都将按预期显示。那么为什么我的文字没有正确显示呢?
javascript - Fabric.js 鼠标右键
有没有办法在 Fabric.js 画布上接收右键单击鼠标事件?
以下代码仅适用于左键单击:
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 = []
呢?
谢谢。
javascript - 在 FabricJS 中,更改图像元素的 src 会更改该对象的所有属性
在 Fabric.js 画布中,我试图将图像对象的 src 替换为高分辨率图像,以便在canvas.toDataURLWithMultiplier
使用时保持图像质量。
当我更改图像对象的 src 时,它的所有属性也会发生变化。图像对象会自动缩放到不同的大小,并且所有状态属性都会更改。
这发生在版本 0.9.15 中。当我使用 0.8.32 版时,它可以工作。0.8.32 版没有这个问题。
这是代码:
我试图获取图像对象的初始状态属性,然后设置更改后的图像对象的值。但它没有用。
这个问题有什么解决办法吗?
javascript - 为什么要检查 Array.prototype.indexOf 的布尔值?
在 Fabric.js 中,您会看到很多地方将代码块包含在格式的条件检查中:
if (!Array.prototype.indexOf) {}
或者
if (!Array.prototype.forEach) {}
等等
结果不总是假的吗?为什么要检查方法的布尔值?
谢谢。
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?
javascript - 使用fabric js时需要更改画布背景颜色
我有一个画布元素,我用它创建了织物对象。现在,我想动态更改背景颜色。以下对我不起作用。
背景颜色为白色,不会变为红色。
javascript - 使用 fabric.loadSVGFromString 扭曲的结果
我用 inkscape 编辑了一个 SVG:
它应该如下所示:
当我使用 fabricjs 导入它时:
它得到:
(背景不是问题,这是我的画布之一)
javascript - 使用fabric js时获取canvas对象
我正在使用 Fabric.js,并且在一个地方创建了一个织物画布对象。
现在在另一个地方,我想访问这个“x”不可用的对象。那么我怎样才能获得相同的织物画布对象。
我不想更改 x 的范围或将 x 作为 arg 传递。
另外,如何从织物画布对象中获取 toDataURL?
fabricjs - Canvas.observe 似乎没有效果
我写过这个:
但是,如果我单击画布上的任意位置,似乎不会触发该事件