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

PHPz
リリース: 2023-09-18 18:05:05
転載
1244 人が閲覧しました

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

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

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

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

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

微信小程序推出 snapshot 生成海报组件,不用再手动绘制画布了
▲ スナップショット コンポーネントはポスターを生成し、ローカルに保存します。画像ソース「WeChat Developer」パブリック アカウント
さらに、スナップショット コンポーネントを使用してミニ プログラムを完成させ、ポスターを生成してローカルに保存するプロセスも非常に簡単です。

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

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

  • Call
  • wx.saveImageToPhotosAlbum

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

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

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

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

ソース:ithome.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート