Maison  >  Article  >  Périphériques technologiques  >  Le mini-programme WeChat lance un instantané pour générer des composants d'affiche, éliminant ainsi le besoin de dessiner manuellement le canevas

Le mini-programme WeChat lance un instantané pour générer des composants d'affiche, éliminant ainsi le besoin de dessiner manuellement le canevas

PHPz
PHPzavant
2023-09-18 18:05:051226parcourir

Nouvelles de ce site le 14 septembre. Quiconque a créé une applet WeChat pour générer des affiches sait que cette fonction est généralement implémentée via deux méthodes : le dessin sur toile et le dessin côté serveur, mais les deux nécessitent un script et une production manuels. soit.

Afin de répondre aux besoins des mini-programmes pour générer efficacement des affiches, WeChat a annoncé le lancement du composant instantané dans le moteur de rendu Skyline, résolvant rapidement les mises en page complexes, les affiches longues et autres problèmes de dessin.

Selon les rapports, comparant les méthodes de dessin sur toile existantes et les méthodes de dessin côté serveur, le composant instantané présente les avantages suivants :

  • Gérer facilement une composition complexe, telle que les coins arrondis, les pourcentages, les polices personnalisées et d'autres styles peuvent être facilement ajusté

  • Aucune restriction de largeur et de hauteur, prend en charge la sortie d'affiches super longues

  • La méthode d'appel est simple, utilisez directement wxml pour implémenter

微信小程序推出 snapshot 生成海报组件,不用再手动绘制画布了
▲ Le composant instantané génère des affiches et les enregistre localement, source d'image "WeChat Developer" Compte public

De plus, il est très simple d'utiliser le composant instantané pour terminer le processus complet de génération d'une affiche à partir de l'applet et de son enregistrement local :

  • Utilisez wxml pour dessinez le contenu de l'affiche

  • Utilisez le composant instantané pour envelopper le wxml de l'affiche

  • Appelez takeSnapshot pour obtenir des données d'image

  • Appelez fs.writeFileSync Écrivez les données de l'affiche dans un fichier local

  • Appelez wx.saveImageToPhotosAlbum Enregistrez l'affiche en local

C'est-à-dire que l'utilisateur peut écrire comme Utilisez simplement wxml pour écrire la mise en page de l'affiche comme l'interface utilisateur du mini programme, puis remplissez directement les données dynamiques. Cela améliore considérablement la convivialité de ce site Web. Les amis intéressés peuvent l'essayer dans le projet.

Déclaration publicitaire : cet article contient des liens de renvoi externes (y compris, mais sans s'y limiter, des hyperliens, des codes QR, des mots de passe, etc.), qui sont destinés à fournir plus d'informations, à gagner du temps de vérification et sont à titre de référence uniquement. Veuillez noter que tous les articles de ce site contiennent cette déclaration

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer