2

ここと私のテザーの終わりに深夜：

前のページからサーバーにアップロードされた写真をワークフローに編集する Creative SDK を組み込む -

編集をプレビューするためにロードされた画像をアクティブに保つことのどこに問題があるかを見つけるために、SDK ドキュメントのすべてのパラメーターを試しましたが、順番に、

  1. プラグインの初期化 (onLoad -> Ok)
  2. 画像の読み込み (onReady -> Ok)
  3. 待機アイコンが回転し、
  4. 編集ウィンドウから画像が消える

onError() はこれを検出しません。

編集は機能しており、onSave() が起動し、Web スペースの指定された場所 (ファイル出力) に画像 (AJaX 経由で Adob​​e URL を送信) をコピーできますが、ライブ プレビューはありません。また、スクリプトでハードコーディングされているため、画像は元の画像を更新せず、閉じるときに保存されていないかのようにエラーが発生します (isDirty)。

私の Web スペースは SSL 証明書でカバーされていますが、http と https を介して相対 URL と絶対 URL を使用して画像を読み込もうとしました。

ドキュメントに従ってバージョン 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>
4

1 に答える 1

1

これは CSS の問題であり、かなり簡単な修正であることがわかりました。

問題

にはdaFooz_main.css、次canvasを含むセレクタがあります。

z-index: -1;

これにより、画像エディターの画像がcanvas要素であるため、効果的にビューから消えます。

修正

修正は、CSS から上記の行を削除するのと同じくらい簡単です。

canvasサイトの他の領域にその行が必要な場合は、変更したい要素を対象とするクラスを使用するなど、セレクターをより具体的にする方法を見つけてみてくださいz-index。

于 2016-06-22T15:53:29.013 に答える