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

javascript - 将 FabricJS 与 Windows8 应用程序一起使用?

有没有人用 Fabric JS 成功构建了一个 Windows 8 应用程序?

我正在尝试将我制作的网站移植到应用程序中,但不断收到未定义的 fabric.js 文件中的内容错误。

面料甚至可以解决这个问题吗?我的网站无法在 IE 上运行...

让我知道。

0 投票
0 回答
155 浏览

windows-8 - 在 Win8 应用程序中使用 fabricJS 库?

有没有人在开发 Windows 8 应用程序时成功使用过 FabricJS(或其他类似库)?我正在尝试,但不断收到致命错误(主要是结构文件中的变量未定义)。

我正在尝试移植我使用 Fabric JS 创建的网站,但我想知道因为该网站无法在 IE 上运行。那么它甚至可以在 Win8 本机应用程序上运行吗?

0 投票
1 回答
4005 浏览

javascript - 从画布中获取元素

我想将我的画布导出到 PDF 中,并且只渲染添加到画布中的元素。例如:

我有这个画布,设置了背景图像。 http://i49.tinypic.com/n7lv.png

这是我将其呈现为 PDF 时的结果(使用 Bytescout 库) http://i50.tinypic.com/346ud7m.png

这就是我希望它最终的结果:http: //i50.tinypic.com/2q1s9hv.png

意思是,我希望它最终没有圆角,没有背景图像。画布是使用织物框架完成的。我的想法是将所有元素添加到画布中,除了背景图像,然后从那里渲染 PDF。有什么指导方针吗?这是要走的路吗?

0 投票
1 回答
1275 浏览

javascript - 在overlayImage中应用过滤器的方法在哪里?

我想在overlayImage 中应用过滤器。唯一的方法是在渲染后在整个画布中应用过滤器?

0 投票
1 回答
1120 浏览

canvas - 使用fabricjs画布库删除更新的文本

添加文本元素

更新文本和大小

删除文本元素

我的问题是

我可以添加文本和更新文本。
但我无法删除已更新的文本元素。

0 投票
2 回答
1431 浏览

jquery - Fabric.js 不在 html5 画布上写文本

好的,这就是正在发生的事情。我在这里有这个使用fabric.js 的页面。得到了所有的问题是changetext()函数。它不是写到画布上。我知道所有变量都被传递给函数。我知道函数内的代码有效。它只是在函数中不起作用。

0 投票
0 回答
1191 浏览

javascript - 有没有一种方法可以有效地取消 Fabric JS 上的组对象的组合?

我目前正在使用fabric JS。我用一堆文本对象设置了组对象。当我调整组大小时,子文本对象的属性不会改变。我已经手动尝试通过克隆 Group 对象中的对象然后将它们添加到画布来取消分组对象,但对象不保留它们的属性。有什么想法吗?非常感激。谢谢

0 投票
1 回答
2588 浏览

javascript - 使用 easelJs 或 KineticJs 创建动态矩形/框

嗨,我正在寻找使用 JavaScript 制作平面图编辑器(类似于 MsPaint)。我已将EaselJSKinetiJS列为我的首选库。

我想知道如何使用这些库创建一个动态矩形框/线。我打算通过单击鼠标并拖动它来绘制一个矩形(同时按住鼠标按钮)。因此,矩形的大小将取决于鼠标拖动的距离。

任何帮助将不胜感激。如果有人觉得像fabrisJspaperJs这样的任何其他库会是更好的选择,那么我也对这些库中的解决方案持开放态度。

0 投票
0 回答
1977 浏览

svg - 如何将带有图像链接的 SVG 转换为 PNG/JPEG?

fabric.js用来在画布元素上添加和操作图像。我想将最终结果导出到图像文件(JPEG/PNG),并尝试了几种方法,但运气不佳。

第一个是使用 HTML5canvas.toDataURL回调 - 不起作用(显然这不能用跨域图像完成)。

然后我尝试将画布导出到 SVG 并使用convert实用程序:

SVG 看起来有点像这样:

这也不起作用,大概是因为图像链接。然后我尝试下载链接的图像并将其存储在本地,将http://...image.png链接替换为/path/to/image.png. 没运气。

有没有办法做到这一点?谢谢。


更新

我已经通过使用fabric的节点模块(npm install fabric)并简单地使用fabric的画布的JSON表示(canvas.toJSON()在fabric中)来生成图像(也使用canvas模块- npm install canvas)来解决这个问题。

这是一个关于如何执行此操作的简单示例:

0 投票
0 回答
1127 浏览

fabricjs - 如何使用自定义属性自定义织物画布

大家早上好,我有一个问题,我想将一组织物 json 数据传递给服务器,并在一段时间后将其加载回来,因为我必须从多页 pdf 的画布中加载详细信息。它还必须传递画布名称。

这里的问题是如果我使用 JSON.stringify(mycanvas); 它不会将我的自定义属性转换为 json 数据。所以我必须做一些事情,比如从织物画布继承来扩展属性。

我发现了一些有用的东西,比如创建自定义文本、自定义图像,我尝试了一些类似的东西,但它不起作用。请帮助我。

我的代码:创建这种自定义画布的代码

///////////////////////////////////////// ////////////

//并创建一个新的自定义画布

如果有人可以帮助我,我将不胜感激。