黑马程序员技术交流社区

标题: 【武汉校区】canvas小tip–下载二维码、图片加水印 [打印本页]

---

作者: 武汉分校-小舞    时间: 2018-12-11 10:53
标题: 【武汉校区】canvas小tip–下载二维码、图片加水印

前些日子介绍了一个生成二维码的插件QRCode.js，它是借助HTML5 Canvas绘制而成。所以，今天的主角就是canvas啦–canvas的实际应用。

    一、下载二维码

    HTMLCanvasElement提供了toDataURL方法，该方法返回一个包含被类型参数规定图像表现格式的data URI。通过该方法我们就可以生成二维码图片并下载了。示例如下：

/*html*/
<div id="qrcode">div>
<a href="javascript:;" download="二维码" id="down">下载二维码</a>

/*js*/
var canvas = document.getElementsByTagName('canvas')[0];
var downImg = document.getElementById('down')
img.href = document.getElementsByTagName('canvas')[0].toDataURL('image/png')

    二、图片加水印

   

---

作者: 奉陪    时间: 2019-1-24 14:53
图片水印哦~~~最喜欢的

---

作者: 武汉分校-小舞    时间: 2019-1-24 14:54

奉陪 发表于 2019-1-24 14:53
图片水印哦~~~最喜欢的

---

作者: 199807xh    时间: 2019-3-8 22:21
看看看看看看看看

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2