Jquery 半径不'；不减少

这是我的剧本：

这是可行的，但我不能缩小半径。半径只会增加。底部是“d”。“d”=半径。当“d”减小时，半径不会减小

---

我的错误在哪里？

您需要先清除上一张图纸：

e、 g

---

注意：我作弊了，只是用旧的尺寸重新绘制了上一个弧（白色），但是你可能应该清除画布。我在d中添加了1，因为舍入误差留下了一条模糊的轨迹。

它正在减少，但您正在画布顶部绘制。您需要先删除上一个图形。右。谢谢我添加了清洗功能，并操作.1以提供JSFIDLE。我为您添加了一个快速工作的示例（并更新了JSFIDLE）是的。现在我知道了。。。Thx:）

var xStart;
var yStart;
var xStop;
var yStop;
var i=0;
var d=0;
$('#obrazek').click( function(e) {
    if(i==1)
    {
        i=2;
    }
    if(i==0)
    {
        var posX = $(this).offset().left, posY = $(this).offset().top;
        xStart=(e.pageX - posX);
        yStart=(e.pageY - posY);
        i=1;
    }
});
$("#obrazek").on( "mousemove", function(e) {  
    if(i==1)
    {
        var posX = $(this).offset().left, posY = $(this).offset().top;
        xStop=(e.pageX - posX);
        yStop=(e.pageY - posY); 
        d=Math.sqrt(Math.pow(xStart-xStop,2)+Math.pow(yStart-yStop,2))
        $('canvas').drawArc({
            fillStyle: '#000',
            x: xStart, 
            y: yStart,
            radius: d
        });
        $('#d').html(d);                                
    }
});

    // Erase previous drawing
    $('canvas').drawArc({
        fillStyle: '#fff',
        x: xStart, 
        y: yStart,
        radius: d+1});
    d=Math.sqrt(Math.pow(xStart-xStop,2)+Math.pow(yStart-yStop,2))
    $('canvas').drawArc({
        fillStyle: '#000',
        x: xStart, 
        y: yStart,
        radius: d
    });