js怎么样把生成的二维码图片下面加上文字，然后点击下载？

Question

问题描述

后端返给我一个url二维码地址，我拿到这个地址展示图片，现在需求是把二维码下面动态添加文字，然后点击下载图片加文字内容。

问题出现的环境背景及自己尝试过哪些方法

因为图片是单标签img，不知道怎么如何处理。

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

<div>
    <img :src="imgSrc" alt="二维码" style="width:20%;height:20%;margin-bottom:8px" >
    <span>{{area}}</span>
</div>
<a href="###">下载</a>>

你期待的结果是什么？实际看到的错误信息又是什么？

我想下载二维码加文字的图片，希望提供思路。

Answer 1

html通过canvas转成base64
刚写完不久的笔记，完全贴合你的问题

Answer 2

canvas