지정된 크기로 압축 마이크로 편지 애플릿 업로드 사진과 기하학적 시리즈

wx.chooseImage ()에 애플릿 공식 마이크로 채널 API는 포토 불행히도 지정된 크기로 압축 될 수없는 압축 될 수있다.

 

 실제 개발 요구는 지정된 크기로 압축 할 수있다 :

JS 원래 캔버스는 압축하는 데 사용하지만, 압축 된 이미지 캔버스의 사용은 약간의 차이를 갖도록 상기 마이크로 채널은 캔버스 작은 프로그램 패키지를 보유 할 수있다 :

망할 놈의 코드 :  https://github.com/jonyellow/code-diary/tree/master/%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E5%9B%BE% E7 % 89 % 87 % E5 % 8E % 8B %의 E7 %의 기원전 % A9

직접 코드에 :

 

 

 주요 기능 :

 

 위의 세 가지 기능은 내가에 common.js를 쓴 공통의 js 파일에 기록 할 수 있습니다 :

HTML :

 

 그 역할은 이미지를 압축하는 단지 도구이기 때문에 HTML로 캔버스 태그를 추가해야합니다, 일반적으로 라벨은, 그 페이지에 표시하지 것입니다 :

        <캔버스 클래스 = "캔버스"캔버스 ID = "캔버스"스타일 = "{폭 : CWIDTH + '픽셀'신장 cHeight + '픽셀', 가시성, '위치'숨겨 ''절대 ','Z- 인덱스 ':'-1 '왼쪽'-10000rpx '최고'- 10000rpx '} "> </ 캔버스>

 

방법에 chooseImg 방법을 증가 :

 

코드는 지정된 크기의 요구에 그림 압축을 완료, 실제 프로젝트에 사용된다.