微信小程序拍照后对照片加水印

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

原创

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

0 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #小程序

wxml

<view class="canvas-box">   

<canvas style="width: 375px;height: 667px;position:fixed;top:9999px" canvas-id="mycanvas" />

</view>

 // 选择图片
    chooseImage: function (e) {
        console.log('选择图片chooseImage')
        var that = this;
        wx.chooseImage({
            count: that.data.count, // 默认9
            sizeType: ['compressed'], // 可以指定是原图还是压缩图，默认二者都有
            sourceType: ['camera'], // 可以指定来源是相册还是相机，默认二者都有
            success: function (res) {
                that.addTimeWatermark(res.tempFilePaths[0])
            },
        })
    },
    // 添加时间水印
    addTimeWatermark: function (imagePath) {
        var that = this
        console.log('addTimeWatermark=' + imagePath)
        var ctx = wx.createCanvasContext('mycanvas');
        this.roundRectColor(ctx, 0, 30, 375, 620, 16);
        ctx.drawImage(imagePath, 15, 120, 344, 400);