如何在Firefox中缩放和居中iframe的内容

Question

所以我有一个包含报告的iframe。我使用iframe作为报表查看器。

我需要能够缩放iframe的内容，并且缩放的结果必须居中。

在chrome，IE，Edge中它没有问题，setZoom包含要缩放的百分比，docLoad是iframe的id：

function setZoom() {
    var zoom = $('#setZoom').val();
    var doc = $('#docLoad').contents().find("body");
    doc.css('zoom', zoom);
    doc.css('-ms-zoom', zoom);
    doc.css('-webkit-zoom', zoom);
    doc.css('-moz-transform', 'scale(' + zoom + ',' + zoom +')');
    doc.css('-moz-transform-origin', 'center top');

    DetectBrowser();
    if (isEdge) {
        var areas = $('#docLoad').contents().find("area");
        if (areas !== undefined & areas.length>0) {
            for( index = 0; index < areas.length; index ++) {
                var item = areas[ index ];
                var original = item.getAttribute("data-originalPoint");
                var splitted = original.split(",");
                var scalled = "";
                for ( i = 0; i < splitted.length; i++ ) {
                    if ( i != 0 ) scalled = scalled + ",";
                    scalled = scalled + splitted[ i ] * zoom;
                }
                item.setAttribute( 'coords', scalled );
            }
        }
    }
}

但是在Firefox的情况下，内容不是居中但是右对齐。

有什么想法吗？