图片处理
文章平均质量分 92
金刚葫芦瓢9527
这个作者很懒,什么都没留下…
展开
-
前端利用canvas给图片添加水印(Blob canvas img 三者之间的转化)
前两天给个人网站添加了一个小功能,就是在文章编辑上传图片的时候自动给图片加上水印。给网页图片添加水印是个常见的功能,也是互联网内容作者保护自己版权的方法之一。本文简单记录一下借助canvas在前端实现图片添加水印的实现方法。canvas元素其实就是一个画布,我们可以很方便地绘制一些文字、线条、图形等,它也可以将一个img标签里渲染的图片画在画布上。我们在上传文件到后端的时候,使用input标签读取用户本地文件后得到的其实是一个Blob对象(更精确的说是File对象,特殊的Blob对象);而在页面上展示一转载 2020-08-20 16:35:52 · 1354 阅读 · 1 评论 -
url、base64、blob,三者之间的转化
对于vue项目,我们使用axiso来发送请求,如果传递二进制图片时出现乱码,这个是什么问题?答:axios 默认返回的是 json 文本形式,二进制图片数据被强制转换成了 json 文本形式。解决方案:我们在 axios 里面,responseType 默认返回数据类型是 json,将其改为返回数据类型 blob。export function miniprogramQrcode (params) { return axios.post( env.MI_URL + '/XXXX/XXX转载 2020-08-20 16:26:34 · 499 阅读 · 0 评论