Typescript 如何在单击按钮时禁用p5画布

我正在使用

p5.js

进行绘图。我使用了下面的代码&它可以很好地用于绘图

草图（p:任何）{
p、 设置=功能（）{
var canvas=p.createCanvas（700400）；
canvas.parent（'sketchdiv'）；
p、 冲程重量（5）；
p、 冲程（0）；
p、 窗宽=700；
p、 窗高=400；
};
p、 绘图=（）=>{
如果（按第页）{
if（p.mouseButton==p.LEFT）{
p、 行（p.mouseX、p.mouseY、p.pmouseX、p.pmouseY）；
}else if（p.mouseButton==p.CENTER）{
p、 背景（255）；
}
}
};
p、 鼠标=（）=>{
//模数学强制颜色通过提供的数组交换
//this.strokeColor=（this.strokeColor+1）%this.c.长度；
//p.stroke（this.c[this.strokeColor]）；
//log（`color现在是${this.c[this.strokeColor]}`）；
控制台日志（“鼠标删除”）；
};
}

但我有另一个画布（使用鼠标按下，旋转等）在引导模式。当我在引导模式画布上进行鼠标旋转时，它也会在背景画布中绘制。当我在引导画布上旋转时，我不想在主屏幕画布上绘制任何东西

---

如何做到这一点？请提供帮助/指导。

不确定我是否理解正确，但您可以通过将相关事件分配给特定画布，将鼠标事件的范围限制到特定画布：

const sketchA=p=>{
p、 设置=（）=>{
p、 createCanvas（60,60）
p、 背景（100）
}
p、 鼠标按下=（）=>{
p、 背景（p.random（255）、p.random（255）、p.random（255））
}
}
常量sketchB=p=>{
p、 设置=（）=>{
const canvas=p.createCanvas（60,60）
p、 背景（100）
画布。鼠标按下(
() => {
p、 背景（p.random（255）、p.random（255）、p.random（255））
}
)
}
}
新的p5（sketchA，document.getElementById（“sk-a”））
新的p5（sketchB，document.getElementById（“sk-b”））

捕获所有视口中的单击
仅在画布中捕获单击