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

PHPz
풀어 주다: 2023-09-18 18:05:05
앞으로
1250명이 탐색했습니다.

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으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿