如何消除html5 canvas 中strokeRect画的图形

 我来答

1个回答

#热议# 发烧为什么不能用酒精擦身体来退烧？

cohao_lee
2012-03-17 · TA获得超过297个赞

知道小有建树答主

回答量：141

采纳率：0%

帮助的人：86.7万

我也去答题访问个人页

关注

展开全部

clearRect函数
context.clearRect(0,0,300,300);
第一个参数：x的起始位置
第二个参数：y的起始位置
第三个参数：清除的宽度
第四个参数：清除的高度

追问

clearRect函数我已经用用过，但是它是清除这一区域内的所有像素，而我只想清除我所画的矩形。矩形里面的东西不清除。strokeRect函数相当于画了矩形的边框，即增加了四条线。我要做的动作就是消除这4条线

追答

恩，clearRect只能清除一个区域，要到达你的需求的话，可能要麻烦点。
你可以通过clearRect方法清除画布后重绘，比如你把canvas上的很多图形的属性（x,y，宽，高）都保存为一个变量放到变量数组里，然后在这个数组里移除你想清除图形的变量，然后用clearRect清空画布后，重新把要变量组的图形重画出来就好了（有点像做动画）