Question

我正在寻找如何在fabric js

中设置当前画布的背景图像

有可能吗？或者请向我解释如何做到这一点。

我能做到1）2）5）虽然，但我无法理解我想做3号

1）从pc中导入png图像 2）做一些诸如旋转，扩展图像的事情 3）设置背景图像 4）再做一次事 5）导出png图像

我试过这个

var object2 = new fabric.Circle({
left: 200,
  top: 200,
  radius: 30,
  fill: 'gray',
  stroke: 'black',
  strokeWidth: 3
});

canvas.setBackgroundImage(object2, canvas.renderAll.bind(canvas));
canvas.renderAll();

虽然上传图片后下一个不起作用，但它仍然有效。

var object = canvas.getActiveObject();
canvas.setBackgroundImage(object, canvas.renderAll.bind(canvas));
canvas.renderAll();

我从这里引用了上传代码 How to upload an image to a canvas with Fabric.js?

提前感谢。

Answer 1

df = pd.DataFrame()
df['sex'] = ['F','M','F','M','F','M','N','N']
counts = df.groupby('sex').size()
counts['N']

使用此选项将上传的图像设置为画布背景。更多Check

如何在fabric js中设置当前画布的背景图像

1 个答案: