问题标签 [fabricjs]

我非常喜欢 canvas 元素以及Processing.js将它封装在一个不错的 API 中的方式。我也熟悉常规的处理语法。Processing.js 包含一个解释器，使您能够在 Processing.js 中执行常规处理脚本。但是，与常规 Java 语法相比，我更喜欢使用 Processing.js 的纯 Javascript 语法。包含解释器的缩小版大小为 229 kb，不包括解释器的版本仍为 193 kb。

有人可以推荐另一种尺寸较小的画布抽象，比如 50 kb 吗？我个人认为~200 kb 对于生产来说太重了。

提前致谢！

最好的问候，马丁

我想保存画布的对象并将它们放入 JSON，但是当我使用组执行此操作时，出现以下错误：

o.setCoords 不是 all.js (Zeile 10403) 中的函数，同时在 Rect-Object 上执行 _calcBound() 函数。

这是我的测试代码：

在http://tacticboards.xaga.de/test.html你可以找到它的在线演示。我希望你能帮忙。

我需要创建一个 HTML5 画布来捕获一些输入。我想渲染一个线条图（白底黑线）并允许用户为这些部分着色。

然后我希望能够在最后检索这些数据以在服务器端处理它，以便以后可以再次呈现它。

我想将用于渲染图像的数据存储在数据库中，以便可以绘制任何图像。

我查看了 HTML5 和 canvas 标签。也在 Kinetic js 库中。我已经能够快速演示我需要什么。

http://jsfiddle.net/6qskx/

从我演示的内容来看，这种方法很难维护，也很难首先设置图像，因为每个部分都需要制定和绘制，以便可以将事件添加到其中。

我的问题是 - 有没有人有任何类似这样的经验或许多框架中的任何一个建议：

• 哪个框架最好
• 哪种方法最灵活和可维护。

我刚从 fabric.js 开始，我有一个（可能是初学者）错误：

我正在使用带有以下代码的 jquery 结构：

此代码应在画布上绘制一个 140x100 的矩形。遗憾的是，只出现了 Rectangle 的四分之一。如果我将顶部和左侧的值更改为更高的数字，更多的 Rectangle 会出现在画布上。

因此，画布原点似乎不在 0/0，而是在某处。更高。

有人知道如何解决这个问题或我做错了什么吗？

在此先感谢，麦克法兰

有人知道如何围绕fabric.js中的一个指定点旋转吗？例如，

我想根据它的终点（70、100）而不是它的中心来旋转它。

我想通过在视频元素上使用 fabric.js 来绘制形状。我对 JavaScrpit、jQuery 和 fabric.js 很陌生。

如果有人可以给我一些帮助，我将不胜感激。一些示例行将非常有帮助。

在图像 (png) 上绘图没有问题，因为 fabric.js 提供了开箱即用的功能。但是对于视频元素，我没有找到预期的结果。

我在我的 Fabric.js 上使用叠加图像，它是这样添加的：

我的问题是我找不到从画布中删除它的方法。remove(object)要从类中删除我可以使用的对象fabric.StaticCanvas，但我还没有找到一种方法如何将叠加图像作为对象提供给该方法。我试图将叠加图像设置为null：

但这没有帮助。

我想创建一个包含图像和文本组合的组，并且表现得像一个组，但是当我这样做时：

https://gist.github.com/1682293

我不能移动那个组。为了使它工作，我需要首先将图像和文本添加到画布，然后使用这些图像和文本创建一个组，然后删除单独添加的图像和文本。

我在那里做错了什么？

我在一个项目中使用fabric.js，用户可以在画布上绘制，并保存为png图像（使用canvas.toDataURL() 函数）。然而，我们注意到如果用户移动了一个对象并点击了保存按钮，它会保存之前移动的对象的边框和角（当您移动或调整对象大小时总是显示边框）。所以我们需要一种在保存之前删除对象边框的方法，这可能吗？

我有一个 Canvas 对象，其顶部和左侧属性是通过以前的 JavaScript 函数定义的，但是当我创建一个织物 Canvas 对象时

我的 HTML 画布的顶部和左侧属性设置为 0。

在通过脚本创建织物 Canvas 对象后，我尝试设置顶部和左侧属性，但是当我这样做时，画布会改变位置，但织物功能（选择和移动功能）仍保留在画布之前所在的位置（织物 Canvas 的位置）定位它）！

我能做些什么来解决这个冲突？有没有办法保持画布相等？