gpt4 book ai didi

javascript - 使用 fabric js 时需要更改 Canvas 背景颜色

转载 作者:可可西里 更新时间:2023-11-01 02:33:48 26 4
gpt4 key购买 nike

我有一个 Canvas 元素,我用它创建了织物对象。现在,我想动态更改背景颜色。以下内容对我不起作用。

var x;

x = new fabric.Canvas("mycanvas", {
backgroundColor : "#fff",
selection: true
});

x.backgroundColor = "#f00";

背景颜色是白色,不会变成红色。

最佳答案

更改属性后需要渲染 Canvas ,因为对象的属性只是属性,不由事件处理

http://jsfiddle.net/oceog/gDhht/

var canvas = new fabric.Canvas('c',{backgroundColor : "#0ff"});
console.log(canvas);
canvas.backgroundColor="red";
canvas.renderTop();
canvas.add(
  new fabric.Rect({ top: 100, left: 100, width: 50, height: 50, fill: '#f55' }),
  new fabric.Circle({ top: 140, left: 230, radius: 75, fill: 'green' }),
  new fabric.Triangle({ top: 300, left: 210, width: 100, height: 100, fill: 'blue' })
);

canvas.backgroundColor="green";
canvas.renderAll();


更新:我尝试使用最新的结构,看来您不再需要 renderAll() 了。

关于javascript - 使用 fabric js 时需要更改 Canvas 背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13173381/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com