65得票6回答
Fabric.js - 如何通过自定义属性将画布保存在服务器上

我希望能将当前画布的状态保存到服务器端数据库中,以JSON字符串的形式保存,然后在以后使用 loadFromJSON 进行恢复。通常,这可以通过以下方式轻松实现:var canvas = new fabric.Canvas(); function saveCanvas() { // c...

59得票3回答
Fabric.js在初始化后更改了我的画布大小为300x150。

HTML: <div class="canvas-wrapper"> <canvas id="myCanvas"></canvas> </div> CSS.canvas-wrapper { width: 900px; ...

58得票6回答
如何在React中使用Fabric.js?

我有一个使用Fabric.js和HTML5画布紧密结合的应用程序。这个应用程序是基于Angular 1.x编写的,我计划将其迁移到React。我的应用程序允许编写文字和绘制直线、矩形和椭圆形。还可以移动、放大、缩小、选择、剪切、复制和粘贴一个或多个此类对象。还可以使用各种快捷键缩放和平移画布。...

40得票4回答
如何编程选择Fabric.js对象

我想通过编程的方式选择Fabrics.js对象。我需要做什么?例如,我像这样添加了两个对象:var canvas = new fabric.Canvas('canvas'); canvas.add(new fabric.Rect({ left: 100, top: 100, ...

38得票5回答
Fabric.js:如何在画布上取消选择一个或多个对象?

例如,我在画布上有多个对象,A、B和C。其中三个对象被选中激活。使用Fabric.js,是否有可能只“丢弃/取消激活”其中一个对象? 例如,选择了三个对象,然后单击画布外的按钮时,将丢弃/取消激活对象B。 我查看了FabricJS官方网站上的文档文件,只发现canvas.deactivateA...

38得票8回答
让用户删除选定的fabric js对象

我有一个基于Fabric.js的简单应用程序,用户可以在其中添加形状、连接它们并对其进行动画处理。 下面是我的JS代码:var canvas; window.newAnimation = function(){ canvas = new fabric.Canvas('canvas')...

33得票7回答
使用Fabric.js创建交互式文本字段

在过去的几周里,我一直在大量使用Fabric.js,但关于文本字段,我只发现可以在创建时设置文本。 是否有可能创建一个交互式文字字段,或者我必须找到解决方法来实现这一点?(通过交互式文本字段,我指的是单击画布上的某个区域并直接在其中编写的区域。)

32得票6回答
在画布边界限制内移动对象

我试图限制画布内的移动对象,但在将物体限制在画布的上部和左侧时遇到了一些困难。当我将物体放大时,仍然无法将移动对象限制在画布的左侧和顶部。canvas.observe("object:moving", function(e) { var obj = e.target; ...

31得票9回答
Fabric.js中的撤销重做功能

Fabric.js中是否有原生支持撤销/重做的功能? 可以请您指导一下如何在[http://printio.ru/][1]上使用撤销和重做。

29得票4回答
FabricJS如何防止canvas.clipTo裁剪canvas.backgroundImage?

我希望在使用 Fabric 的 Canvas 中设置一个全局的 clipTo,它将影响所有用户添加的图层。我需要一个背景图像和一个叠加图像,这些图像不会受到此剪切蒙版的影响。 示例: 这张照片中发生了什么事情: 一个画布覆盖图像使T恤看起来自然皱纹。 这个覆盖图像大多是透明的 添加...