小程序上传图片加水印

最新推荐文章于 2025-04-18 16:16:13 发布

一个打工仔的笔记

最新推荐文章于 2025-04-18 16:16:13 发布

阅读量1.2k

点赞数 2

分类专栏：小程序文章标签： canvas 小程序

本文链接：https://blog.csdn.net/Web_Notes/article/details/110928331

版权

思路：
1.点击图片上传
2.加水印
3.传给后台
html

<canvas class='canvas' canvas-id="firstCanvas"></canvas>

css

.canvas{
   
  border: 2rpx solid pink;
  background: pink;
  width: 100%;
  height: 100%;
  //position:fixed;left:100%; 想隐藏画布单又想执行画布方法，用这个css；用display会不执行画布
}

//点击方法上传
  chooseImg: function () {
   
    var that = this;
    wx.showActionSheet({
   
      itemList: ['手机拍摄', '图片上传'],
      success: function (res) {
   
        //if (res.tapIndex == 0) {
   
          wx.chooseImage({
   
            count: 3, // 默认9
            sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
            sourceType: ['camera'], // 可以指定来源是相册还是相机，默认二者都有
            success: funct