网店系统H5版(五) 给商品图片添加二维码水印并下载
2020-4-5 21:32:41 星期日 网店需要提供分享并下载商品图片的功能, 这里使用jquery-qrcode + h5的canvas实现这个功能 并没有请求后端, 全是在客户端浏览器上执行的 1 function createShareImage(goodsId, goodsImgUrl) { 2 let urlGoodsDetail = location.origin + '/vstore_goodsinfo_' + goodsId; //商品详情页链接 3 let urlGoodsImg = location.origin + goodsImgUrl; //商品图片链接 4 5 let image = new Image(); 6 image.onload = function () { 7 // 创建画布 8 let canvasElement = document.getElementById('goodsCanvas'); // 已有或者通过 createElement 实时创建 9 let ctx = canvasElement.getContext('2d' ); 10 11 // 将图片画到canvas上去 12 let imageW = image.width; 13 let imageH = image.height; 14 let w =