在画布上放置图形的问题（JS）

Question

画布上有2个问题。

1）

我想使用scale（）和translate（）添加放大和缩小。

但是问题在于它显示在左上方，而不是在中心。

我想将图像的中心放在画布的中心。

2）

尽管比例已更改，但鼠标的位置仍在先前的位置。

我想使用x，y的修订位置，以便可以使用面向位置的函数。

    $('#plusBtn').on('click', function(){
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        ctx.scale(0.8,0.8);
        ctx.translate((canvas.width - 50) * 0.8, 
                                   (canvas.height/2) * 0.8);


    });