Question

我正在开发利用Aviary Web SDK的项目，但在创建测试页面时遇到了严重的问题。 Aviary不会加载。整个时间只有可见的进度指示器，无法执行任何操作。

这是我的网页代码：

<!DOCTYPE html>
<html>
    <head>
        <title>Aviary test - website</title>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
        <script type="text/javascript" src="http://feather.aviary.com/imaging/v3/editor.js"></script>

        <script type="text/javascript">
            var featherEditor = new Aviary.Feather({
                apiKey:  'ba65b30f0f844465bba58d7b1b644d69',
                theme:   'dark',
                tools:   'overlays,enhance,redeye',
                onLoad:  function() {
                    alert("Aviary loaded!");

                    featherEditor.launch({
                        image: 'editableimage1',
                        url: 'xyz.png'
                    });
                },
                onSave:  function(imageID, newURL) {
                    var img = document.getElementById(imageID);
                    img.src = newURL;
                },
                onerror: function(errObj) {
                    alert();
                }
            });

            function launchEditor(id, src) {
                featherEditor.launch({
                    image: id,
                    url: src
                });
                return false;
            }

            $(function() {
                //alert("Document loaded");
                //setTimeout(function() { launchEditor("editableimage1", "xyz.png"); }, 500);
            });
        </script>
    </head>
    <body>
        <a href="#" onclick="return launchEditor('editableimage1', 'xyz.png');">Edit!</a>
        <img id="editableimage1" src="xyz.png" />
    </body>
</html>

此外，还有测试页面的链接：http://sprynter.tk/Aviary/aviary_test.html

除此之外，我检查了我能够检查的所有内容：

我在Adobe Creative SDK页面上生成了正确的apiKey
在加载鸟舍之前加载图像
图像是509 x 255像素（现在是100 x 100像素），以确保它不是太大
我将函数附加到每个回调（onLoad，onSave，onError）以确保事件运行

但仍然没有...

Aviary不会加载

0 个答案: