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()
|
|||
|
|
}
|
|||
|
|
}
|