最近項(xiàng)目做一個(gè)tab欄切換,因?yàn)榍袚Q的組件是同一個(gè)組件,只是數(shù)據(jù)不能組件是通過canvas畫圖畫出來的,所以,每一次變動(dòng),我實(shí)際上都需要清除這個(gè)canvas,否則會(huì)造成canvas覆蓋的問題
// 清除canvas
clearCanvas() {
const canvas = this.$refs.wheelCanvas;
const ctx = canvas.getContext("2d");
canvas.height = canvas.height;
},
類似的方法
clearCanvas()
{
var cxt=document.getElementById("myCanvas").getContext("2d");
cxt.clearRect(0,0,c.width,c.height);
}
clearCanvas()
{
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.fillStyle="#000000";
cxt.beginPath();
cxt.fillRect(0,0,c.width,c.height);
cxt.closePath();
}