>  기사  >  기술 주변기기  >  WeChat 미니 프로그램은 스냅샷을 시작하여 포스터 구성 요소를 생성하므로 수동으로 캔버스를 그릴 필요가 없습니다.

WeChat 미니 프로그램은 스냅샷을 시작하여 포스터 구성 요소를 생성하므로 수동으로 캔버스를 그릴 필요가 없습니다.

PHPz
PHPz앞으로
2023-09-18 18:05:051251검색

9월 14일자 이 사이트의 소식입니다. 포스터를 생성하기 위해 WeChat 애플릿을 만든 사람이라면 누구나 이 기능이 일반적으로 캔버스 그리기와 서버 측 그리기의 두 가지 방법을 통해 구현된다는 것을 알고 있습니다. 그러나 둘 다 수동 스크립팅과 제작이 필요합니다. 어느 하나.

포스터를 효율적으로 생성하기 위한 미니 프로그램의 요구 사항을 충족하기 위해 WeChat은 스카이라인 렌더링 엔진의 스냅샷 구성 요소 출시를 발표하여 복잡한 레이아웃, 긴 포스터 및 기타 그리기 문제를 신속하게 해결합니다.

보고서에 따르면 기존 캔버스 그리기와 서버 측 그리기 방법을 비교하면 스냅샷 구성 요소에는 다음과 같은 장점이 있습니다.

  • 둥근 모서리, 백분율, 사용자 정의 글꼴 및 기타 스타일과 같은 복잡한 조판에 쉽게 대처할 수 있습니다. 쉽게 조정

  • 너비 및 높이 제한 없음, 매우 긴 포스터 출력 지원

  • 호출 방법은 간단합니다. wxml을 사용하여 직접 구현합니다.

微信小程序推出 snapshot 生成海报组件,不用再手动绘制画布了
▲ 스냅샷 구성 요소는 포스터를 생성하고 로컬에 저장, 이미지 소스 "WeChat Developer" 공용 계정

또한 스냅샷 구성 요소를 사용하여 애플릿에서 포스터를 생성하고 로컬에 저장하는 전체 프로세스를 완료하는 것은 매우 간단합니다.

  • wxml을 사용하여 포스터의 내용 그리기

  • snapshot 구성 요소를 사용하여 포스터의 wxml 래핑

  • takeSnapshot을 호출하여 이미지 데이터 가져오기

  • fs.writeFileSync를 호출fs.writeFileSync

    포스터 데이터를 로컬 파일에 쓰기
  • Call wx.saveImageToPhotosAlbum

    포스터를 로컬에 저장

즉, 사용자는 다음과 같이 작성할 수 있습니다. wxml을 사용하여 미니 프로그램 UI처럼 포스터 레이아웃을 작성하고 동적 데이터를 직접 입력하면 됩니다. 이는 유용성을 크게 향상시킵니다. 이 웹사이트에 관심이 있는 친구들은 프로젝트에서 시도해 볼 수 있습니다.

광고 문구: 이 기사에는 더 많은 정보를 제공하고 상영 시간을 절약하며 참고용으로만 사용되는 외부 점프 링크(하이퍼링크, QR 코드, 비밀번호 등을 포함하되 이에 국한되지 않음)가 포함되어 있습니다. 이 사이트의 모든 기사에는 다음 내용이 포함되어 있습니다🎜

위 내용은 WeChat 미니 프로그램은 스냅샷을 시작하여 포스터 구성 요소를 생성하므로 수동으로 캔버스를 그릴 필요가 없습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 ithome.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제