Cretive SDK 이미지 편집기 UI가 사용자 정의 크기 조정 가능 텍스트 (WEB)를 표시하지 않습니다.

Question

이미지 편집 및 이미지 위에 텍스트 추가를 위해 Adobe Creative SDK를 사용하려는 전자 메일 앱을 하나 만들었습니다. 모든 작품은 거의 좋지만 "텍스트"버튼을 클릭하고 새 레이어 (텍스트 추가)를 추가하려고하면 아무 것도 볼 수 없습니다. 모든 옵션이 있습니다. 콘솔의 오류는 텍스트 레이어가 표시되지 않고 이미지 위에 텍스트를 삽입 할 수 없습니다.

var featherEditor = new Aviary.Feather({ 
     apiKey: '[MY-ID]', 
     tools : ['text','crop','resize','color'], 
     fileFormat : 'png,jpg,gif,jpeg', 
     theme:'light', 
     displayImageSize : true, 
     onSave: function(imageID, newURL) { 
      var img = document.getElementById(imageID); 
      img.src = newURL; 
     } 
    }); 

    function launchEditor(id, src) { 
     featherEditor.launch({ 
      image: id, 
      url: src, 
      cropPresets: [ 
       'Original', 
       ['Mail App','600x600'], 
       '4:3', 
       '16:9' 
      ], 
     }); 
     return false; 
    } 

가 나는 또한이 페이지에서 내 CSS를 제거하고 chaged 깨끗한 어도비 라이브러리와 아무것도를 떠나 :

여기 내 설정입니다.

아무도 도와 줄 수 있습니까?

Answer 1

내 문제에 대한 해결책을 찾았습니다. CSS 코드 하나를 추가하기 만하면됩니다.

#avpw_canvas_element.avpw_position_by_transform { 
    z-index: 0; 
} 

이렇게하면 레이어 문제와 모든 문제가 해결됩니다.