Fabric.js将对象从toDataURL中移除

Question

是否有任何与excludeFromExport类似的内置属性？

我觉得它是toDatalessObject函数，但我不确定如何使用它。

Answer 1

据我所知，没有任何内置的方法来排除toDataURL中的某些对象。

但是，这里有一个解决方法，你可以用它来实现这一功能......

let canvas = new fabric.Canvas('c'); 
 

 
let rect = new fabric.Rect({ width: 50, height: 50, top: 75, left: 120, fill: 'black' }); 
 
let circle = new fabric.Circle({ radius: 25, top: 75, left: 25, fill: 'red' }); 
 
canvas.add(rect); 
 
canvas.add(circle); 
 

 
function _toDataURL(...objsToRemove) { 
 
    objsToRemove.forEach(e => { 
 
     canvas.remove(e); 
 
    }); 
 
    let dataURL = canvas.toDataURL(); 
 
    objsToRemove.forEach(e => { 
 
     canvas.add(e); 
 
    }); 
 
    return dataURL; 
 
} 
 

 
let dataURL = _toDataURL(rect); 
 
console.log(dataURL);

canvas {border: 1px solid #ccc}

<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.7.11/fabric.min.js"></script> 
 
<canvas id="c" width="200" height="200"></canvas>