js 怎么改变URL图片的大小并生成新的URL

编程入门 行业动态 更新时间:2024-10-19 04:21:45

js 怎么改变URL图片的<a href=https://www.elefans.com/category/jswz/34/1771016.html style=大小并生成新的URL"/>

js 怎么改变URL图片的大小并生成新的URL

我想做的是要将原始图片缩小,并且生成新的地址

var canvas1 = document.createElement("canvas");document.body.appendChild(canvas1);var context = canvas1.getContext("2d");var img = new Image();img.setAttribute("crossOrigin", "anonymous");//不加这个会连接会是空白的img.src = url;img.onload = oEvent => {console.log(img.width, "img.width");console.log(img.height, "img.height");canvas1.width = img.width;canvas1.height = img.height;canvas1.fillStyle = "#FF000000";img.height = img.height * percentage;img.width = img.width * percentage;img.crossOrigin = "anonymous";//不加这个会连接会是空白的canvas1.setAttribute("width", img.width + "px");canvas1.setAttribute("height", img.height + "px");console.log(img, canvas1.toDataURL());context.drawImage(img, 0, 0, img.width, img.height);let a = canvas1.toDataURL();url = canvas1.toDataURL(););};

 

更多推荐

js 怎么改变URL图片的大小并生成新的URL

本文发布于:2024-03-06 14:30:17,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1715552.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:大小   图片   js   URL

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!