Fabric.js中是否有对undo/redo的内置支持?你可以指导我如何使用这个取消并重复[http://printio.ru/][1]
如何使用fabric.js在画布上加载的图像上实现裁剪工具?我在画布上加载了一个图像.现在我想实现裁剪工具,允许用户裁剪图像并在完成后将其重新加载到画布上.
如何保留加载到画布上的图像的宽高比?当图像从本地系统加载到画布上时,我正用width=canvas.width和创建图像对象height=canvas.height.
但质量缺失.即使加载的图像分辨率更高.有没有办法保留加载图像的宽高比?
如果使用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
我有画布,其中包含对象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}], "背景": ""}
如何在加载对象时设置这些?