如何从Canvas对象中删除边框和角落？ [Fabric.js] [英] How to remove borders and corners from Canvas object? [Fabric.js]

问题描述

我在一个项目中使用fabric.js，用户可以在画布上绘图，并保存到png图像（使用canvas.toDataURL（）函数）。
但是，我们注意到如果用户移动了一个对象并单击了保存按钮，它会保存先前移动的对象的边框和角点（移动或调整对象时始终显示边框）。
所以我们需要一种在保存之前删除对象边框的方法，这可能吗？

I'm using fabric.js in one project, where user can draw on canvas, and save to png image (using canvas.toDataURL() function). However, we noticed if user moved an object and clicked on Save button, it saves a border and corners of previously moved object (borders are always displayed when you move or resize object). So we need a way to remove object borders before saving, is that possible?

推荐答案

是的。您可能希望在保存图像之前停用所有对象：

Yes. You probably want to deactivate all objects before saving an image:

canvas.deactivateAll().renderAll();

（ renderAll 在停用后更新实际视觉状态所有对象）

(renderAll updates actual visual state after deactivation of all objects)

这篇关于如何从Canvas对象中删除边框和角落？ [Fabric.js]的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！