WeChat ミニ プログラムはスナップショットを起動してポスター コンポーネントを生成し、手動でキャンバスを描画する必要がなくなります

9 月 14 日のこのサイトからのニュースです。ポスターを生成する WeChat アプレットを作成したことのある人なら誰でも、この機能は通常、キャンバス描画とサーバー側描画を通じて実装されることを知っていますが、どちらも手動のスクリプト作成が必要です。また、作成するのがあまり便利ではありません。 。

ポスターを効率的に生成するミニ プログラムのニーズを満たすために、WeChat は Skyline レンダリング エンジンのスナップショット コンポーネントのリリースを発表しました。これにより、複雑なレイアウト、長いポスター、その他の描画の問題が迅速に解決されます## ＃。

レポートによると、既存のキャンバス描画方法とサーバー側描画方法を比較すると、スナップショット コンポーネントには次の利点があります。

• 次のような複雑なレイアウトに簡単に対応できます。丸い角とパーセンテージ、カスタム フォント、その他のスタイルを簡単に調整できます

#幅と高さの制限がなく、超長いポスターの出力をサポートします
呼び出し方法はシンプルかつ直接です wxml を使用して実装します

▲ スナップショット コンポーネントはポスターを生成し、ローカルに保存します。画像ソース「WeChat Developer」パブリック アカウント

さらに、スナップショット コンポーネントを使用してミニ プログラムを完成させ、ポスターを生成してローカルに保存するプロセスも非常に簡単です。

wxml を使用してポスターのコンテンツを描画します
スナップショット コンポーネントを使用してポスターの wxml をラップします
呼び出しtakeSnapshot を使用して画像データを取得します。
Call
• fs.writeFileSync

  ポスター データをローカル ファイルに書き込みます。

Call
• wx.saveImageToPhotosAlbum

  ポスターをローカル ファイルに保存します

つまり、ユーザーは wxml を使用してミニプログラム UI を書くようにポスター レイアウトを記述し、動的データを直接入力できると言われていますこれにより、ユーザビリティが大幅に向上します。この Web サイトに興味のある友人は、プロジェクトで試してみてください。

広告文: この記事には外部ジャンプ リンク (ハイパーリンク、QR コード、パスワードなどを含むがこれらに限定されない) が含まれています。これらは、より多くの情報を提供し、上映時間を節約することを目的としており、参照のみを目的としています。このサイトのすべての記事にこの記述が含まれていることにご注意ください

以上がWeChat ミニ プログラムはスナップショットを起動してポスター コンポーネントを生成し、手動でキャンバスを描画する必要がなくなりますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。