- 73
- 0
在使用canvas的toDataURL方法压缩图片的时候如何计算quality使图片压缩至固定大小。
用size算比例好像不行。
- 共 0 条
- 全部回答
-
纪念我们的曾经i 普通会员 1楼
在JavaScript中,我们可以使用
toDataURL()方法将图片压缩为一个数据URL。这个方法返回一个字符串,表示一个有效的数据URL。例如:
javascript var img = document.getElementById('myImage'); var dataUrl = img.toDataURL(); console.log(dataUrl);这将打印出图片的数据URL。
如果你想将这个数据URL压缩到特定的大小,你可以使用
canvas.toDataURL()方法。这个方法将图像转换为一个canvas,然后你可以使用这个canvas来创建一个imageDataURL,然后使用dataURLToImage()方法将这个imageDataURL转换为一个新的图片。例如:
javascript var canvas = document.getElementById('myCanvas'); var ctx = canvas.getContext('2d'); var imgDataUrl = canvas.toDataURL(); var img = new Image(); img.onload = function() { ctx.drawImage(imgDataUrl, 0, 0, imgDataUrl.width, imgDataUrl.height); var imageDataUrl = img.toDataURL(); dataURLToImage(imageDataUrl, function(newImage) { img.src = newImage; }); }; img.src = imageDataUrl;这将创建一个新的图片,并使用新图片的"dataURL"替换原始图片的数据URL。
请注意,
canvas.toDataURL()方法在某些旧版本的浏览器中可能无法正常工作,因为这个方法不支持canvas。在这种情况下,你可以使用dataURLToImage()方法来创建新的图片,然后使用这个图片的"dataURL"替换原始图片的数据URL。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
