36 lines
714 B
JavaScript
36 lines
714 B
JavaScript
// 背景
|
||
export default class Background {
|
||
constructor(app) {
|
||
this.app = app
|
||
}
|
||
|
||
// 设置背景
|
||
set() {
|
||
if (this.app.state.backgroundColor) {
|
||
this.addBackgroundColor()
|
||
} else {
|
||
this.remove()
|
||
}
|
||
}
|
||
|
||
// 添加背景颜色
|
||
addBackgroundColor() {
|
||
this.app.container.style.backgroundColor = this.app.state.backgroundColor
|
||
}
|
||
|
||
// 移除背景
|
||
remove() {
|
||
this.app.container.style.backgroundColor = ''
|
||
}
|
||
|
||
// 在canvas内设置背景颜色，非css样式
|
||
canvasAddBackgroundColor(ctx, width, height, backgroundColor) {
|
||
// 背景颜色
|
||
ctx.save()
|
||
ctx.rect(0, 0, width, height)
|
||
ctx.fillStyle = backgroundColor
|
||
ctx.fill()
|
||
ctx.restore()
|
||
}
|
||
}
|