问题

Question

深夜在这里和我的系绳结束时：

合并Creative SDK以编辑通过工作流程中的上一页上传到服务器的照片 -

我已经尝试了SDK文档中的每个参数，以找出保持加载的图像处于活动状态以预览编辑的错误，但是按顺序，

插件初始化（onLoad - ＆gt; Ok）

图片加载（onReady - ＆gt; Ok）

等待图标旋转，然后

图像从编辑窗口中消失

onError（）不会选择它。

编辑正在运行，onSave（）会触发，我可以复制图像   （通过AJaX发送adobe URL）到我的指定位置（文件输出）   网站空间，但没有实时预览。此外，图像不会像我的脚本中的硬编码一样更新原始图像，并且它会产生错误，就像关闭时未保存（isDirty）一样。

我的网站空间覆盖了SSL证书，但尝试通过http和https - nada加载带有相对和绝对网址的图片。

我按照文档调用版本3，但人们说尝试版本4.3.1.29 ..？

我想用这个编辑器预先进行实时图像编辑，但只需要它来裁剪，调整亮度，对比度，旋转等等，并且在它工作的那一刻，但是“盲目” - 有人遇到过这个吗？我该如何修复它？：）

这是源代码，几乎与文档中指定的一样，但在'onSave（）'时有一个有效的AJaX调用：

<script type="text/javascript" src="http://feather.aviary.com/imaging/v3/editor.js"></script>

    <!-- Instantiate Feather -->
    <script type='text/javascript'>
    var featherEditor = new Aviary.Feather({
        apiKey: 'my-key',
        theme: 'dark', // Check out our new 'light' and 'dark' themes!
        tools: 'all',
        displayImageSize: 'true',
        appendTo: '',
        onSave: function(imageID, newURL) {
            var img = document.getElementById("image1");
            img.src = newURL;
            var ph = document.getElementById("new_image_placeholder_div");
            ph.innerHTML = '<img src="'+img.src+'" height="100">';


    var xmlhttp_c;  
    if (window.XMLHttpRequest){xmlhttp_c=new XMLHttpRequest();} else {
        xmlhttp_c=new ActiveXObject("Microsoft.XMLHTTP");}

            alert("Passing the URL "+newURL+" to the PHP page...");

      xmlhttp_c.open("GET", "feather_save_handler.php?newURL="+encodeURI(newURL), true);

    xmlhttp_c.onreadystatechange=function() { if (xmlhttp_c.readyState==4 && xmlhttp_c.status==200) {

            alert(xmlhttp_c.responseText);      
            alert("Saved!");

            } else { 
                    }
             } 

    xmlhttp_c.send();
    // end save AJaX call..

        },
        onError: function(errorObj) {
            alert(errorObj.args);
        }
    });
    function launchEditor(id, src) {

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

    </script>

该功能从表单按钮开始：

<form name="feather_editor" onSubmit="no_submit();">
<input type='image' src='http://images.aviary.com/images/edit-photo.png' value='Edit photo' onclick="return launchEditor('image1', 'http://mywebsitename.com/image_name.jpg');" >
</form>

Answer 1

事实证明，这是CSS中的问题，应该是一个相当简单的修复。

问题

在daFooz_main.css中，您有一个canvas选择器，其中包含：

z-index: -1;

这导致图像编辑器中的图像从视图中有效消失，因为它是canvas元素。

修复

修复可以像从CSS中删除上面的行一样简单。

如果您需要为您网站的其他区域添加该行，请尝试通过使用类来定位您想要更改canvas的{{1}}元素的。

Creative SDK图像编辑器（Web）加载图像，等待，然后图像消失（无实时预览）

1 个答案:

问题

修复