H5\uniapp图片添加水印

最新推荐文章于 2024-05-14 18:16:20 发布

Autumn_yun

最新推荐文章于 2024-05-14 18:16:20 发布

阅读量1.3k

点赞数

分类专栏： uniapp 文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/Autumn_yun/article/details/125426877

版权

H5## 标题

图片加水印

	</div>
</body>
<script>
    function blobToImg(blob) {
        return new Promise((resolve, reject) => {
          let reader = new FileReader()
          reader.addEventListener('load', () => {
            let img = new Image()
            img.src = reader.result
            img.addEventListener('load', () => resolve(img))
          })
		  console.log(blob)
          reader.readAsDataURL(blob)
        })
      }
    
      function imgToCanvas(img) {
        let canvas = document.createElement('canvas')
        canvas.width = img.width
        canvas.height = img.height
        let ctx = canvas.getContext('2d')
        ctx.drawImage(img, 0, 0)
        return canvas
      }
    
      function watermark(canvas, text) {
        return new Promise((resolve, reject) => {