Question

我有以下代码在fabricjs中克隆画布：

 var canvas = new fabric.Canvas('c');    
 canvas.width = 644.51234567;
 canvas.height = 644.51234567;
 var rect = new fabric.Rect({
       left: 0,
       top: 0,
       width: canvas.width,
       height: canvas.height,
       fill: 'rgba(255,127,39,1)',
       strokeWidth: 0
    });
canvas.add(rect);        
canvas.renderAll();

canvas.clone(function(cloneCanvas) {    
  canvas.forEachObject(function(obj) {
    alert("Width of original rect: "+obj.width);
  }); 
  cloneCanvas.forEachObject(function(obj) {
    alert("Width of cloned rect: "+obj.width);
  });
});

https://jsfiddle.net/s35fxaby/8/

正如您通过运行代码所看到的，克隆画布会更改矩形上的小数位数。这对我来说是一个问题，因为我的其余代码依赖于原始和副本的小数相同。

我能做些什么 - 就像防止克隆功能四舍五入一样？

Answer 1

试试这个

fabric.Object.NUM_FRACTION_DIGITS = 10;

value =小数点后所需的位数。

Fabricjs克隆画布从矩形中删除小数

1 个答案: