HTMLLoader의 사용자 정의 이미지

Question

Flex의 경우 mx:HTML에 포장 된 AIR의 경우 강력한 HTMLLoader 구성 요소가 있습니다.

내 생성 된 콘텐츠를 표시 할 mx:HTML,에 대해 이미지를 수동으로 (이상적으로는 바이트로) 제공하고 싶습니다. 요점은 외부 파일없이 응용 프로그램의 모든 리소스를 압축하는 것입니다. 앱에 다른 HTML 페이지를 꾸밀 수 있으며, 전환 할 때 mx:HTML이 Event.LOCATION_CHANGE.으로 나옵니다. 이제 이미지도 동일하게하고 싶습니다. 너는 무엇을 제안 하는가?

Answer 1

해결!는 여러 단계를 거쳐 갔다 : 투명

1. 만들기하는 HTMLLoader의 배경을 paintsDefaultBackground="false" 및 backgroundAlpha="0"와 함께. 자바 스크립트로 사진 위치를 알리고 HTMLLoader의 그래픽에 그려줍니다. 이것은 복잡하고 크기 조정에 문제가 있습니다 (그림이 바뀌 었음). 그러나 거의 완료되었습니다 ...
2. < 캔버스 > 캔버스를 사용하여 이미지를 그려 자바 스크립트로 보내십시오.
3. 캔버스 튜토리얼을 읽는 동안 data URI scheme을 우연히 발견 했으므로 가능한 가장 간단한 방법으로 필요한 작업을 수행했습니다. 이미지는 HTML 페이지의 base64 인코딩에 포함됩니다.