问题标签 [fabricjs]

我在哪里可以找到许多动画对象的 fabricjs 渲染性能测试？

我已打开此页面，但看不到当前的 FPS 数量 http://fabricjs.com/animation/

我正在尝试使用fabric.js（v0.9.21，通过ubuntu 12.04上的npm安装）和node.js在服务器上呈现画布（以后可以在没有客户端交互的情况下对其进行操作和扩展）。为了进行实验，我在客户端创建了一个简单的画布，然后使用canvas.toJSON()方法将其导出为 JSON。当我尝试仅使用该 JSON 重新加载画布时，效果很好（利用canvas.loadFromJSON().

您可以在这个 fiddle中看到整个示例。

（如果它不起作用，那么图像可能已过期 - 替换链接）。

然后我尝试使用这个简单的脚本在服务器端做同样的事情：

运行此脚本（使用node script.jsor require('./script.js') from inside node）时出现奇怪的崩溃：

画布上只有一张图片（由 interwebs 的小猫收藏提供）和一个文本项。

我对节点相当陌生，所以也许我在此过程中错过了一些东西 - 任何提示都会很棒。谢谢。

我对物体的大小有疑问。这是一个简单的例子：

如您所见，我有一个大小为 512px 的画布，我有一个宽度为 512px 的 div 用于测试。我还创建了 rect 对象来绘制大小为 512px 的对象。

看截图

织物用半尺寸绘制矩形。你能告诉我为什么或我做错了什么吗？

如何将项目（如图像或其他画布中的其他对象）拖放到由 fabricjs 管理的画布中？我找到了许多如何在画布内移动项目的示例，但我想将项目从外部元素拖放到画布中。

我试图确定一个fabric.Rect何时与另一个fabric.Rect重叠，同时观察'object：moving'事件但fabric.Group与fabric.Rect之间的结果不一致

当我将 Group 移动到 Rect 实例上时，intersectsWithObject 方法返回 true，但是当我将 Rect 实例移动到另一个 Rect 实例上时，它返回 false。

我想知道我是否在这里做错了什么。

这是我的事件处理程序

我创造了一个小提琴。尝试选择两个或更多块将它们分组。当您将分组的对象拖到任何其他 fabric.Rect 或 fabric.Group 实例上时，您会看到它变成红色。当您将单个 Rect 拖到另一个任何类型的 fabric.Object 上时，它永远不会变成红色，因为 intersectsWithObject 总是返回 false ...

http://jsfiddle.net/cyberpantz/9MkYJ/27/

这是jsfiddle。

我想在调整对象大小时限制对象的最大高度/宽度。

这是代码：

在 fabric.js 中使用 CSS3 来渲染 SVG 而不是画布在技术上是否可行？ http://ecsspert.com/play/css3-logos/twitter.php#edit

尝试使用 Google Web 字体并按照http://fabricjs.com/fabric-intro-part-2/上的示例

我不确定“fontFamily”属性的合法值是什么。我尝试在http://www.google.com/webfonts上使用随机名称，但它只是默认为“Times New Roman”（尽管示例中的“Impact”确实有效）。

我在哪里可以获得内置列表？（grep -R Impact * 在我的源代码树中获得 0 次点击）如何添加我想使用的自定义字体？（假设它存在于谷歌网站上，但也想知道创建我自己的本地字体）

我想在 MySQL 表中保存一个 json 字符串。json 字符串来自画布（使用 fabricjs）。

我的第一个问题是，在 MySQL 中保存 json 字符串的最佳数据类型是什么？画布将包含图像以及文本和其他对象。你觉得 MEDIUMTEXT 够用吗？

另一个问题。是否可以使用此准备好的语句保存 json 字符串。我怀疑是否将关键字“s”用于字符串。

谢谢你的帮助 :) 问候 Max

我正在使用以下代码尝试查看是否可以从 json 字符串加载画布，然后为其生成 dataURL png：

它在 toDataURL() 行上出错：

/root/node-v0.8.16-linux-x86/node_modules/canvas/lib/canvas.js:190 返回前缀 + this.toBuffer().toString('base64'); ^

它告诉我“this”（根据 console.log 是 Canvas）没有 .toBuffer() 方法。我做错了什么还是这是fabric节点模块中的错误？

谢谢。