HTML5 Canvas clearRect清除问题--总是边缘清除不干净

在网页采用Canvas根据鼠标的移动来画矩形，当鼠标再次点击移动来

画矩形的时候需要把之前的的矩形清空点，发现在清空的过程中总是边缘

没有清空掉，发现同时用一下可以完全清空干净

function clear(){ 
var width = $('#drawing').attr('width');    
$('#drawing').attr('width',0);    
$('#drawing').attr('width',width);    
context.clearRect(x_start, y_start, width, $('#drawing').attr('height')); 
context.fillStyle="#ff0000";            //要重新指定，不然采用默认的黑色的背景
context.fillStyle="rgba(155, 187, 89, 0.7)";//半透明色的背景
}