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

fabricjs - fabricjs 交互式绘图绘制第一个形状后是否需要重置事件系统?

使用 Fabric.js 绘制交互式形状,除非我创建多个形状,否则我无法编辑形状。

一个清楚地显示问题的演示在这里http://jsfiddle.net/pingcrosby/brZ2N/

绘制初始形状后是否需要重置内部事件系统?

0 投票
2 回答
1146 浏览

canvas - FabricJS 支持 SVG viewBox 元素吗?

fabricJS 是否支持 SVG viewBox 元素,以便它只在画布上呈现它?这样,可以轻松实现整个屏幕的缩放。

0 投票
1 回答
733 浏览

javascript - Fabric.js - 在新创建的路径上实现形状识别

我想将基本的形状识别功能添加到基于 Fabric.js 的项目中。我目前使用 path:created 观察者来获取新创建的路径,然后将路径表示传递给一个函数,该函数可以确定路径是否创建某种形状,我只是想知道整个路径实际上是如何表示的.

我可以看到路径对象有一个路径数组,它表示路径本身,但不能完全弄清楚它是如何做到的,如果有人对实现这种功能有更好的想法,我会很高兴听到。

0 投票
1 回答
1946 浏览

svg - Fabric.js 中的 SVG 显示/渲染问题

我正在使用 FabricJS,但在画布中显示 SVG 时遇到问题:

  • 结果显示在fabricJS的选择框外(由于翻译?)
  • 选择的锚点在转换后会消失,然后就不可能找回它们。

这是一个屏幕截图: 在此处输入图像描述

我正在使用Potrace的输出 SVG,我认为这是我问题的根源。
这是 SVG 的代码:pastebin 中的 SVG 代码
您可以在此页面上使用 FabricJS 对其进行测试:FabricJS Kitchensing 示例
只需将 SVG 的代码粘贴到“加载 SVG”区域,然后调整大小并旋转部分框以显示 SVG。

您知道导致问题的我的 SVG 代码部分或 fabricjS 代码的部分吗?如果是这样,我可以自己轻松更改吗?如果没有,任何人都可以纠正或定位可能的错误吗?

非常感谢您的帮助。

编辑:看起来,FabricJS 不喜欢 SVG 的这一行:

尤其是 translate 和 scale 属性……如何解决?

EDIT2:解决方案是平移和比例分别等于(0,0)和(1,1),或者更好的是,它们应用于坐标。

有人知道用 Potrace 或 JS 脚本来做这件事吗?

0 投票
0 回答
362 浏览

canvas - 允许对象操作的 Canvas JS 库?

我正在寻找替代解决方案来构建类似 http://kangax.github.com/fabric.js/quantity/ 的东西,它允许对画布对象进行操作,例如旋转、移动和缩放。更重要的是,它们确实有控制点,因此对用户来说很容易。

我真的很害怕一开始就走错路,请帮忙。

谢谢

0 投票
3 回答
46941 浏览

javascript - Fabric.js 在初始化后将我的画布大小更改为 300x150

HTML:

CSS

JS

我的画布在初始化后被调整为 300x150,为什么?

0 投票
0 回答
1242 浏览

javascript - 如何在 Fabric.js 中保存画布?

我正在尝试实现小型在线绘图和图像工具。出于这个原因,我喜欢使用织物。在我的程序中,我想将画布发送到 PHP。否则我想将画布保存为 web 目录中的 jpeg 图像。

如何将画布的结果保存或导出为图像。

0 投票
1 回答
10974 浏览

javascript - 如何设置 Fabric.js?

我对 fabric.js 很陌生。我已经下载了fabric.js,但我不知道如何启动它。例如:

在这个脚本中,我应该看到一个圆圈。我按照这个例子: http: //fabricjs.com/customization/

但是为什么我什么都看不见;我错过了什么?

0 投票
0 回答
2293 浏览

javascript - Fabric-js 对象 setWidth() 和 setHeight() 问题

我对 Fabric.js(http://fabricjs.com)库有问题,我无法解决好几个小时......我正在尝试使用 setWidth() 和 setHeight() 方法以编程方式更改图像的尺寸(http://fabricjs。 com/docs/symbols/fabric.Object.html)但它没有正常工作,控制边框的尺寸改变得很好,但图像仍然是相同的大小,你可以在屏幕截图上看到它: fabric.js javascript jquery 对象宽度高度问题

有人能帮我吗?顺便说一句,当我尝试使用 scaleToHeight() 或 scaleToWidth() 更改尺寸时效果很好,所以问题必须出在上面的两种方法中......我使用的是 0.8.8 版,谢谢帮助!

0 投票
1 回答
1583 浏览

url - 在 IE9 中运行 canvas.toDataURL('image/png') 时出现问题 --> SCRIPT122: La zone de données passée à un appel système est insuffisante

我对 IE9 中的以下行有疑问:

当我运行这一行时,IE9 不显示我的 PNG 并给我这个错误:

SCRIPT122: La zone de données passée à un appel système est insuffisante

这是否意味着 URL 太长而无法正确解释?我该如何解决?

任何帮助表示赞赏。提前谢谢你……</p>