hbuilder调整照片大小的代码
时间: 2023-07-02 19:13:39 浏览: 193
你可以使用以下代码来调整图片大小:
```javascript
// 获取图片对象
var img = new Image();
img.src = '图片地址';
// 等待图片加载完成
img.onload = function() {
// 获取 canvas 对象
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');
// 设置 canvas 大小和图片大小一致
canvas.width = img.width;
canvas.height = img.height;
// 绘制图片到 canvas 上
ctx.drawImage(img, 0, 0, img.width, img.height);
// 设置新的宽度和高度
var newWidth = 800;
var newHeight = img.height * newWidth / img.width;
// 创建新的 canvas 对象
var newCanvas = document.createElement('canvas');
var newCtx = newCanvas.getContext('2d');
// 设置新的 canvas 大小
newCanvas.width = newWidth;
newCanvas.height = newHeight;
// 绘制图片到新的 canvas 上
newCtx.drawImage(canvas, 0, 0, img.width, img.height, 0, 0, newWidth, newHeight);
// 将新的 canvas 转成 base64 格式的图片
var base64Img = newCanvas.toDataURL('image/jpeg');
// 打印 base64 格式的图片
console.log(base64Img);
}
```
这段代码会将图片调整为宽度为800像素,高度会按照比例自动计算。你可以根据需要修改宽度和高度的值。