javascript - 调整应用程序的 Canvas 大小

Question

我们一直在尝试设置 Canvas 应用程序的高度，但没有成功。

这是我们正在使用的代码

window.fbAsyncInit = function()
{
// assume we are already logged in
FB.init({appId: '<?=$fb_app_id ?>', xfbml: true, oauth : true,cookie: true});
FB.Canvas.setAutoGrow();
}
function sizeChangeCallback() {
FB.Canvas.setSize({ width: 810, height: 950);
}

我们在没有 sizechangecallback 的情况下尝试了这两种方法

我们的设置设置为“固定”和“固定 950”

Answer 1

在应用程序设置中设置固定高度参数后，
您可以调用FB.Canvas.setSize来更改页面高度。

如果您的页面高度动态变化，您可以运行FB.Canvas.setDoneLoading
检查Canvas是否已加载并运行FB.Canvas.setAutoGrow。

window.fbAsyncInit = function() {
    // assume we are already logged in
    FB.init({ appId: '<?=$fb_app_id ?>', xfbml: true, oauth: true, cookie: true });

    FB.Canvas.setSize({ width: 810, height: 950 });

    FB.Canvas.setDoneLoading( function(response) {
        console.log(response.time_delta_ms);
        FB.Canvas.setAutoGrow();
    });
}

FB 文档:https://developers.facebook.com/docs/reference/javascript/FB.Canvas.setDoneLoading/