小编Joh*_*ohn的帖子

Fabric.js中的Undo-Redo功能

Fabric.js中是否有对undo/redo的内置支持?你可以指导我如何使用这个取消并重复[http://printio.ru/][1]

fabricjs

21
推荐指数
4
解决办法
2万
查看次数

使用FabricJs进行裁剪功能

如何使用fabric.js在画布上加载的图像上实现裁剪工具?我在画布上加载了一个图像.现在我想实现裁剪工具,允许用户裁剪图像并在完成后将其重新加载到画布上.

javascript canvas fabricjs

18
推荐指数
2
解决办法
2万
查看次数

保留Fabric.js中Image的纵横比

如何保留加载到画布上的图像的宽高比?当图像从本地系统加载到画布上时,我正用width=canvas.width和创建图像对象height=canvas.height.

但质量缺失.即使加载的图像分辨率更高.有没有办法保留加载图像的宽高比?

javascript canvas fabricjs

6
推荐指数
1
解决办法
3484
查看次数

clone()不适用于具有最新版本Fabricjs的Path Object

如果使用clone()方法克隆fabric.Path对象,则不会复制路径对象.我在这里看到了这个问题 https://github.com/kangax/fabric.js/issues/330但是Fabric js的版本是不同的.有人可以帮我这个.

  var obj = canvas.getActiveObject();
    if (!obj) return;
    var clone = obj.clone();
    clone.set({
        top: clone.get('top') + 150
    });
    canvas.add(clone);
    canvas.renderAll();
Run Code Online (Sandbox Code Playgroud)

以下是我得到的错误.

 else {
  fabric.util.enlivenObjects(object.paths, function(enlivenedObjects) {
    delete object.paths;
    callback(new fabric.PathGroup(enlivenedObjects, object));
   ****Uncaught TypeError: undefined is not a function****
  });
 }
};
Run Code Online (Sandbox Code Playgroud)

上面的代码适用于所有对象,但代码不适用于Path Object

fabricjs

3
推荐指数
1
解决办法
1850
查看次数

如何知道Fabric.js对象的旋转度数?

如果一个对象被添加到画布上并向右或向左旋转。如何知道Fabric.js对象的旋转程度?

fabricjs

3
推荐指数
1
解决办法
6446
查看次数

从Fabric.js中的JSON加载加载默认属性

我有画布,其中包含对象centeredRotation:true和其他对象selectable:false 当我将此画布转换为JSON并重新加载它.对象具有默认属性.即没有居中的旋转和物体是可选择的.我可以知道为什么会这样吗?显然,像centralRotation,selectable这样的属性不包含在JSON中.

{ "类型": "矩形", "originX": "左", "originY": "顶", "左":92, "顶部":53, "宽度":150, "高度":150,"填写 ":" #778899" , "中风":空, "strokeWidth":1, "strokeDashArray":空, "strokeLineCap": "对接", "strokeLineJoin": "人字", "strokeMiterLimit":10",将scaleX ":1," 的scaleY ":1," 角度 ":0",flipX ":假" flipY ":假," 不透明性 ":0.4," 影子 ":空," 可见 ":真" clipTo":空 "的backgroundColor": "", "RX":0, "RY":0, "×":0, "Y":0}], "背景": ""}

如何在加载对象时设置这些?

fabricjs

2
推荐指数
1
解决办法
2744
查看次数

标签 统计

fabricjs ×6

canvas ×2

javascript ×2