Comment utiliser PHP et UniApp pour implémenter la fonction de filigrane des images

Comment utiliser PHP et UniApp pour implémenter la fonction de filigrane des images

Introduction :
À l'ère des médias sociaux d'aujourd'hui, les images sont devenues l'une des méthodes de communication couramment utilisées par les gens. Afin de mieux protéger leurs œuvres photographiques, de nombreuses personnes ajoutent souvent des filigranes aux images. Cet article expliquera comment utiliser PHP et UniApp pour implémenter la fonction de filigrane des images afin de rendre vos images plus personnalisées et sécurisées.

1. PHP implémente la fonction de filigrane d'image

1. Créez un fichier PHP et nommez-le watermark.php.

d7cdd501f5fcbdad2f7c3ddfd0e777b5

2. Nommez l'image à filigraner comme source.jpg et placez-la dans le même répertoire que le fichier watermark.php.
3. Visitez watermark.php dans votre navigateur pour voir l'image filigranée.

2. UniApp implémente la fonction de filigrane d'image

1. Créez une nouvelle page dans le répertoire des pages d'UniApp et nommez-la Watermark.
2. Dans le fichier vue de la page Watermark, ajoutez le contenu suivant :

d477f9ce7bf77f53fbcf36bec1b69b7a
89c662c6f8b87e82add978948dc499d2

<image src="../../static/source.jpg" mode="aspectFit" @tap="addWatermark" />

de5f4c1163741e920c998275338d29b2
21c97d3a051048b8e55e3c8f199a54b2

3f1c4e4b6b16bbbd69b2ee476dc4f83a
export default {
méthodes : {

addWatermark() {
  uni.getImageInfo({
    src: '../../static/source.jpg',
    success: (res) => {
      uni.previewImage({
        urls: ['../../static/source.jpg'],
        success: () => {
          uni.showLoading({
            title: '正在添加水印...',
            mask: true
          });
          
          const ctx = uni.createCanvasContext('watermarkCanvas');
          ctx.drawImage(res.path, 0, 0, res.width, res.height);
          ctx.setFontSize(40);
          ctx.setFillStyle('rgba(255, 255, 255, 0.5)');
          ctx.setTextAlign('center');
          ctx.setTextBaseline('middle');
          ctx.fillText('Watermark', res.width * 0.5, res.height * 0.5);
          ctx.draw(false, () => {
            uni.canvasToTempFilePath({
              canvasId: 'watermarkCanvas',
              success: (result) => {
                uni.hideLoading();
                uni.saveImageToPhotosAlbum({
                  filePath: result.tempFilePath,
                  success: () => {
                    uni.showToast({
                      title: '水印已添加',
                      icon: 'success'
                    });
                  },
                  fail: () => {
                    uni.showToast({
                      title: '保存失败',
                      icon: 'none'
                    });
                  }
                });
              },
              fail: () => {
                uni.hideLoading();
                uni.showToast({
                  title: '添加水印失败',
                  icon: 'none'
                });
              }
            });
          });
        }
      });
    },
    fail: () => {
      uni.showToast({
        title: '获取图片信息失败',
        icon: 'none'
      });
    }
  });
}

}
};
2cacc6d41bbb37262a98f745aa00fbf0

3. Nommez l'image à filigraner comme source.jpg et placez-la dans le répertoire statique.
4. Ajoutez "pages/Watermark/index" dans le champ pages du fichier manifest.json.
5. Accédez au projet UniApp dans le navigateur, cliquez sur l'image pour prévisualiser et appuyez longuement sur l'image pour ajouter un filigrane. Le filigrane sera automatiquement ajouté au centre de l'image et enregistré dans l'album photo du téléphone.

Conclusion :
En utilisant PHP et UniApp, nous pouvons facilement implémenter la fonction de filigrane des images. PHP peut traiter les images côté serveur, tandis qu'UniApp peut ajouter des filigranes côté mobile. De cette façon, nous pouvons non seulement effectuer le traitement du filigrane via PHP sur l'ordinateur, mais également effectuer des opérations de filigrane sur le téléphone mobile via UniApp, ce qui est pratique et pratique. J'espère que cet article vous sera utile.

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!