Cara menggunakan PHP dan UniApp untuk melaksanakan fungsi tera air imej

Cara menggunakan PHP dan UniApp untuk melaksanakan fungsi tera air gambar

Pengenalan:
Dalam era media sosial hari ini, gambar telah menjadi salah satu kaedah komunikasi yang biasa digunakan oleh orang ramai. Untuk melindungi gambar mereka dengan lebih baik, ramai orang sering menambah tera air pada gambar. Artikel ini akan memperkenalkan cara menggunakan PHP dan UniApp untuk melaksanakan fungsi tera air imej untuk menjadikan imej anda lebih diperibadikan dan selamat.

1. PHP melaksanakan fungsi tera air imej

1. Buat fail PHP dan namakannya watermark.php.

1c24872c23d1ab93e3a36816b61a68cf

2. Namakan imej yang akan ditanda air sebagai source.jpg dan letakkannya dalam direktori yang sama dengan fail tera air.php.
3. Lawati watermark.php dalam penyemak imbas anda untuk melihat imej tera air.

2. UniApp melaksanakan fungsi tera air imej

1. Buat halaman baharu dalam direktori halaman UniApp dan namakannya Tera Air.
2. Dalam fail vue halaman Tera Air, tambahkan kandungan berikut:

d477f9ce7bf77f53fbcf36bec1b69b7a
f5fd152e572341484f96fad1f62d44b4

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

de5f4c1163741e920c998275338d29b2
21c97d3a051048b8e55e3c8f199a54b221c97d3a051048b8e55e3c8f199a54b2gt; kaedah lalai {

: {

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

Namakan imej yang akan ditanda air sebagai source.jpg dan letakkannya dalam direktori statik.

Tambah "halaman/Tanda Air/indeks" dalam medan halaman dalam fail manifest.json.
3. Akses projek UniApp dalam penyemak imbas, klik pada imej untuk pratonton, dan tekan lama imej untuk menambah tera air. Tera air akan ditambah secara automatik pada bahagian tengah gambar dan disimpan dalam album foto telefon.
5. Kesimpulan:
Dengan menggunakan PHP dan UniApp, kami boleh melaksanakan fungsi tera air imej dengan mudah. PHP boleh memproses imej pada bahagian pelayan, manakala UniApp boleh menambah tera air pada bahagian mudah alih. Dengan cara ini, kami bukan sahaja boleh melakukan pemprosesan tera air melalui PHP pada komputer, tetapi juga melakukan operasi tera air pada telefon mudah alih melalui UniApp, yang mudah dan praktikal. Semoga artikel ini dapat membantu anda.

Atas ialah kandungan terperinci Cara menggunakan PHP dan UniApp untuk melaksanakan fungsi tera air imej. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!