Phonegap의 캔버스에 캔버스 저장

나는 많은 연구와 테스트를 해왔지만 호환성/명료성 문제는 오른쪽에서 왼쪽으로 나타납니다. 나는 누군가가 이것을위한 명확한 해결책을 가지기를 바랬다.Phonegap의 캔버스에 캔버스 저장

My PhoneGap Build (3.1) 응용 프로그램은 S3에서 이미지를 가져 와서 html 캔버스를 통해 오버레이 텍스트를 추가 한 다음 클릭 동작시 사용자의 휴대폰에 저장해야합니다.

가 바람직들이 갤러리 (안드로이드) 또는 사진 응용 프로그램 (아이폰 OS)에 의해 검출 위치에 저장됩니다 :

여기에 몇 가지 관련 사항입니다.
Android 2.3 이상 및 iOS 6-7에서 작동해야합니다.
AWS에 오버레이 텍스트가있는 이미지의 합성 버전도 있습니다. 합성 된 이미지의 URL이나 캔버스에서 직접 이미지를 다운로드 할 수 있습니다. 내가 S3의 CORS 권한에 와일드 카드를 설정에도 불구하고, "canvas.toDataURL()"를 수행하려고 할 때 나는 "오염 된 캔버스"보안 오류가 계속
- :
은 여기 내 장벽의 일부입니다 사용 된 버킷에 대해.
"다운로드"속성은 unsupported in most mobile browsers 인 것 같습니다.
효과적인 거기에 내가 Phonegap's "FileTransfer.download()" method을 사용하실 수 있습니다,하지만 난 충분히 갤러리/사진 응용 프로그램

에 사용하기 위해 각 장치의 오른쪽 파일 경로를 취득 할 경우 알아낼 수 없었다 이 방법을 교차 플랫폼으로 구현하는 방법은 무엇입니까? https://github.com/devgeeks/Canvas2ImagePlugin

그것의 설명에서, 폰갭 플러그인 디렉토리에 매우 모호하지만 :

는 내가 내 자신의 질문에 대답하기 싫어만큼

출처

2014-03-24 Dom Ramirez

, 나는 "Canvas2Image"라는 폰갭 플러그인이를 위해 실제로 완벽 발견 꽤 쉽게 이미지를 적절한 디렉토리에 저장합니다. 성공 콜백, 오류 콜백 및 캔버스 요소를 인수로 취합니다. 또한 iOS와 Android에서 작동하는데, 이는 phonegap 플러그인 디렉토리 설명으로 인해 불분명했던 내용이었습니다.

window.canvas2ImagePlugin.saveImageDataToLibrary(
    function(msg){ 
     Ext.Msg.alert('Success!', 'The image was saved to the photos gallery on your device.'); 
    }, 
    function(err){ 
     Ext.Msg.alert('Aww, Schucks!', 'There was a problem saving the image to your device.'); 
    }, 
    document.querySelector('canvas') 
);

참고 : 나는 그냥 명확한 기준의 ... 센차 터치에서 document.querySelector를 사용하지 않는 것이 좋습니다 것이다.

추측 참고 사항 : 나는 더 자세히 살펴 보지 않았지만 저장된 이미지에 연결하거나 나중에 열어야하는 경우에는이 옵션이 좋지 않을 수 있습니다.

출처

2014-03-25 03:03:46

Phonegap의 캔버스에 캔버스 저장

답변

관련 문제