问题标签 [fabricjs]

我已经使用 fabric.Image.fromURL 在画布中加载了图像，并且使用默认图像宽度和高度工作正常。现在我想最小化图像的宽度和高度。这个怎么做？

提前致谢。

我正在尝试将 fabric.js 集成到我为 CMS 制作的产品中。问题是我从织物演示站点基于它的代码在启动所有织物功能/代码的代码上方有这一行：

看到 CMS 在后台运行 ajax 代码以获取通知，我得到了这些错误，因为我“偷了”$：

我已经尝试更改删除该行，很明显这不起作用:)。以上均指CMS的main.js文件。我将 $ 更改为其他内容（尝试了 $$ 和 z）并且错误消失了，但是当我尝试选择画布上的对象时我得到了很多奇怪的行为，并且过滤器不再起作用，所以这不起作用。我已经检查了我是否正确替换了 $ 的每个实例。我还尝试使用 JQuerys noConflict 方法进行试验，但这也不起作用。

我在这里遗漏了一些明显的东西吗？我已经在网上搜索了帮助，但是在 CMS 中找不到任何使用 JQuery 的示例，在这种情况下，强制用户在制作产品时修改核心文件是不好的形式。如果我想从头开始同时使用这两者，我想我知道该怎么做，但是在不修改 CMS 核心 js 代码的情况下这样做是很棘手的。有人有任何提示吗？非常感谢。

我使用fabricjs。我需要更改画布中图像对象的源以将其指向其高分辨率图像而不更改其属性，以便在我使用时canvas.toDataURLWithMultiplier('jpeg', 2)图像质量不会受到影响。

请帮我想办法做到这一点。

我正在寻找有关如何用自定义图像替换 fabric.js 调整大小和旋转矩形的示例....有人这样做过吗？

谢谢。

我的项目的一部分是将多个图像从 div 元素拖放到画布中，图像是 .svg 类型，我使用库fabric.js来渲染这些图像。我面临的问题是文件不会多次放入画布中。

每个级别的警报表明，尽管拖动函数被调用了两次，但 drop 函数只被调用了一次。

这是javascript代码的一部分：

main() 是使用 object.src 捕获图像 url 然后使用 fabric.js 库呈现的函数

我正在使用一个 javascript 库（jsPlumb），它为我生成一个状态机，带有连接等。

我正在尝试向生成的图形添加放大和缩小功能。

生成的代码是这样的：

div 包装器中有很多画布元素。

所以我试图找到一个可以让我轻松缩放所有这些画布元素的库。

Fabric.js 听起来不错，但我没有找到任何方法来“加载”现有画布以将变换应用于画布本身，而只是将变换应用于画布内的元素。

有谁知道可以做到这一点的图书馆？或者，如果您曾经为 jsplumb 添加放大/缩小功能，我也会很高兴！我特别喜欢 Fabric.js 的解决方案，因为这个库提供了许多有用的其他功能。

谢谢！

我似乎无法让fabric.js 的色调过滤器功能正常工作，或者找不到任何使用它的示例。我努力了：

我也试过#00ff00代替green，但他们都只是把图像变黑。

我有许多只是黑色和透明的png（例如基本形状），我希望能够改变它们的颜色，我不知道这是否可能，但我认为色调听起来很有希望，我就是无法让它工作。

我也在照片上尝试过，只是变黑了，我在代码的同一位置使用了其他过滤器（如反转），效果很好。

任何帮助，将不胜感激。

更新： 使用了完整的 JS，图片三只是显示为一个黑盒子。

我的画布包含一个组，但是当我想保存画布并将它们放入 JSON 时，loadFromJSON() 方法无法正确加载 json，并且画布为空。

但是，如果我的画布不包含组，但包含文本、图像、json 可以正确加载！

你能帮助我吗？

我的演示是链接：http ://www.yinjoin.com/abc/d.htm

在过去的 2 天里，我一直在努力解决这个问题，但我似乎无法获得一些用于 WordPress 插件自定义的功能。我正在使用 JigoShop 和 WordPress 的最新版本。

项目 URL： http ://customcasing.ca/product/ipad-case/

当前功能

我在主页上有 5 个产品 SKU，点击后会转到它们各自的产品订单页面。在这些各自的页面上是一个设计画布，我已经实现了 fabricjs 来处理图像操作。当用户满意时，他们保存画布，然后使用以下示例代码将图像序列化为 JSON 对象：

使用 JSON 保存/加载画布

然后将 JSON 对象设置为“添加到购物车”表单中隐藏输入的值。然后他们将能够通过下拉框选择产品颜色变化。

现在这里是事情分崩离析的地方

提交“添加到购物车”表单应该运行多个类并将隐藏的 JSON 对象值发布到聚合的“购物车”对象。这在各种页面上调用，并且键/值对与产品的各种属性相关联。但是，所有其他键/值对正在执行并在随后的订单审查页面上回显……除了我的自定义变量。

这是目录架构

• /wp-内容
  • ...
  • /插件
    • ...
    • /jigoshop
      • jigoshop_template_functions.php
      • jigoshop_actions.php
      • /类
        • jigoshop_cart.class.php
  • /主题
    • /customcasing

以下是与上述结构相关的代码块（pastebin）

jigoshop_template_functions.php
html 生成器和表单

jigoshop_actions.php
表单 $_post 用于隐藏字段

classes/jigoshop_cart.class.php
表单验证和键/值对创建

我已经尽可能多地提供了有关我当前状况的信息，如果对 stackoverflow 有任何帮助，那将是以下 Q/A：

尝试将隐藏的输入值发送到下一页

如果您需要任何其他信息，请随时询问，我会尽力详细说明。此外，如果您需要更广泛的代码，我也可以提供。我真的很感激朝着正确的方向轻推。

我在加载保存到我的子类图像对象的图像过滤器时遇到问题。这是我的子类的代码：

无需应用任何过滤器即可正常工作。

我使用以下方法向该子类的实例添加过滤器：

保存对象通过具有类型、阈值和距离的过滤器对象。

但是加载此对象会导致 all.js 文件中的错误：