小程序使用 canvas 给图片添加水印

小程序使用 canvas 给图片添加水印

操作 canvas 相关的 api 使用的是微信最新提供的 (一路过来踩了好多坑…)

浅用微信小程序 canvas 给图片添加简单水印, 废话不多说, 先上效果, 后看代码 (uniapp等框架写法大同小异)

效果图

代码部分 (没有细分拆开来讲, 但大部分代码都加解释注释了)

WXML

<view class="container">
  <button bindtap="chooseImages">选择图片</button>
  <view>
    <image src="{
  {imgsrc}}" mode="aspectFit" bindtap="prevImage"></image>
  </view>
</view>
<canvas style="position:fixed;top: 0;left: -10