Fabric.js 从 toDataURL 中删除对象

A.L

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

我觉得这是toDatalessObject功能,但我不确定如何使用它。

ɢʀᴜɴᴛ

据我所知,没有任何内置方法可以从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>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章