图片处理涉及对PixelMap的多种操作,例如获取图片信息、裁剪、缩放、偏移、旋转、翻转、设置透明度、读写像素数据等。本文主要介绍其中的图像变换部分。
开发步骤
1. 完成图片解码,获取PixelMap对象。
2. 获取图片信息
获取图片的大小信息示例如下:
pixelMap.getImageInfo().then(info => {
console.info('图片宽度: ' + info.size.width);
console.info('图片高度: ' + info.size.height);
}).catch(err => {
console.error("获取图片信息失败,错误信息: " + err);
});
3. 进行图像变换操作
• 裁剪
// x: 裁剪起始点横坐标0
// y: 裁剪起始点纵坐标0
// height: 裁剪高度400,方向为从上往下(裁剪后的图片高度为400)
// width: 裁剪宽度400,方向为从左到右(裁剪后的图片宽度为400)
pixelMap.crop({ x: 0, y: 0, size: { height: 400, width: 400 } });
• 缩放
// 宽度缩放为原来的0.5倍
// 高度缩放为原来的0.5倍
pixelMap.scale(0.5, 0.5);
• 偏移
// 向下偏移100像素
// 向右偏移100像素
pixelMap.translate(100, 100);
• 旋转
// 顺时针旋转90度
pixelMap.rotate(90);
• 翻转
// 垂直翻转
pixelMap.flip(false, true);
// 水平翻转
pixelMap.flip(true, false);
• 设置透明度
// 将透明度设置为0.5
pixelMap.opacity(0.5);