将微调器放在另一个元素的中间（javascript）

Question

我知道它应该很简单，但不能在一小时或更长时间内完成。

我有一个不同大小的画布，因此我想将微调器始终放在画布顶部和它的中心。试过这样的事情：

    $rootScope.centerSpinner = function() {
        var spinner = $('.md-spinner');
        var canvas = $('.canvas-container');

        spinner.css({
            'top'  : (canvas.outerHeight() / 2) - (spinner.outerHeight(true) / 2),
            'left' : (canvas.outerWidth() / 2) - (spinner.outerWidth(true) / 2)
        });


    }

没用。

Answer 1

比我想象的容易：

   $rootScope.centerSpinner = function() {
        var spinner = $('#spinner');
        var left = $('#canvas').offset().left + $('#canvas').width()/2;
        var top = $('#canvas').offset().top + $('#canvas').height()/2;

        $('#spinner').css({
            "position" : "absolute",
            "left"     : left,
            "top"      : top
        });
    }